ホームページ > 記事 > ウェブフロントエンド > angularJSモジュラーテクノロジーの詳細な説明
angularJSモジュラーテクノロジーの詳細な説明
- 小云云オリジナル
- 2018-02-26 13:49:141288ブラウズ
この記事では主に angularJS モジュラーテクノロジーの詳細な説明を共有します。お役に立てれば幸いです。
1. ディレクティブの指示
<span style="font-size: 14px;"><!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script><br> <script><br> var app = angular.module('test',[]);<br> app.controller('con1',function($scope){<br> $scope.arr = ['app','abc','beer','clear'];<br> });<br> app.directive('abc',function(){<br> alert("执行了directive") return {<br> restrict:'E',<br> template: '<input type="text" ng-model="str"/>\<br> <ul>\<br> <li ng-repeat="v in arr" ng-show="v.indexOf(str)!=-1">{{v}}</li>\<br> <ul>'<br> }<br> }) </script><br> </head><body><br> <p ng-app="test" ng-controller="con1"><br> <abc></abc><br> </p></body></html><br></span>
2. モジュール化 (再利用)
1) オンデマンドロード、ダイナミックローディング
2) カプセル化と分離
1. 2. モジュール化 (再利用)
1) オンデマンド読み込み、動的読み込み
2) カプセル化、分離
関連推奨事項:
AngularJS モジュール学習 - Anchor Scroll_AngularJS AngularJS モジュール管理の問題に対処する型破りな方法_AngularJSAngularJS、Angular 2、Angular4 の違いの詳細な説明
以上がangularJSモジュラーテクノロジーの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：JSプロトタイプの詳細説明次の記事：JSプロトタイプの詳細説明