ホームページ > php教程 > PHP开发 > AngularJS は変数の変更に基づいてテンプレートを動的にロードするメソッドを実装します

AngularJS は変数の変更に基づいてテンプレートを動的にロードするメソッドを実装します

高洛峰
リリース: 2016-12-07 15:48:07
オリジナル
1142 人が閲覧しました

この記事の例では、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 までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート