> php教程 > PHP开发 > AngularJS는 변수 변경에 따라 템플릿을 동적으로 로드하는 방법을 구현합니다.

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

高洛峰
풀어 주다: 2016-12-07 15:48:07
원래의
1143명이 탐색했습니다.

이 기사의 예에서는 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 프로그래밍에 종사하는 모든 분들께 도움이 되기를 바랍니다.


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 추천
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿