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 プログラミングの皆様に役立つことを願っています。