국가에 따라 주소 양식을 표시하는 우아한 Angular JS 솔루션

국가 선택에 따라 다른 주소 양식을 구현합니다 (here 설명).국가에 따라 주소 양식을 표시하는 우아한 Angular JS 솔루션

각도를 사용하여이를 표시하는 데 널리 사용되는 지시문이나 플러그인이 있습니까? 그냥 <ng-if> 블록을 사용하는 것보다 더 우아한 무엇입니까? 온라인에서 주변을 둘러 보았을 때 많이 찾지 못했기 때문에 누구에게도 멋진 솔루션이 있는지 궁금합니다.

출처

2014-11-10 Paul Erdos

하나의 방법은 여러 가지 템플릿을 만드는 것입니다. 하나의 다른 종류의 주소마다 하나씩지도를 만들어 선택한 국가에 매핑하는 것입니다.

를 예로 들어 here

<body ng-controller="MainCtrl"> 
    <select ng-model="selected" ng-options="c as c for c in countries"></select> 
    <div ng-include="templates[selected] || 'default' "></span> 
    </body> 


    <script type="text/ng-template" id="US"> 
     <input type="text"> 
    </script> 


    <script type="text/ng-template" id="UK"> 
     <input type="text"> 
     <input type="text"> 
    </script> 


    <script type="text/ng-template" id="default"> 
     Unknown Country 
    </script>

컨트롤러를 plunkr 참조 :

app.controller('MainCtrl', function($scope) { 
    $scope.templates = { 
    UK: "UK", 
    US: "US" 
    }; 

    $scope.countries = [ "UK", "US", "AR" ]; 
});

출처

2014-11-10 20:16:21

그래, 내가 이상을 궁리 봤는데이 갈 수있는 방법이 될 것으로 보인다. 감사! –

국가에 따라 주소 양식을 표시하는 우아한 Angular JS 솔루션

답변

관련 문제