AngularJS는 변수 변경에 따라 템플릿을 동적으로 로드하는 방법을 구현합니다.

이 기사의 예에서는 AngularJS가 변수 변경에 따라 템플릿의 동적 로드를 구현하는 방법을 설명합니다. 참고를 위해 다음과 같이 모든 사람과 공유하십시오.

지침:

return {
    restrict: 'E',
    replace: true,
    templateUrl: 'app/view/order.html',
    link: function (scope, element, attrs) {
      scope.Type = attrs.Type;
    }
};

템플릿:

<div ng-switch on="item.Type">
 <div ng-switch-when="1"><ng-include src="&#39;views/1.html&#39;"></ng-include></div>
 <div ng-switch-when="2"><ng-include src="&#39;views/2.html&#39;"></ng-include></div>
 <div ng-switch-when="3"><ng-include src="&#39;views/3.html&#39;"></ng-include></div>
</div>

이 글이 AngularJS 프로그래밍에 종사하는 모든 분들께 도움이 되기를 바랍니다.