>  기사  >  웹 프론트엔드  >  AngleJS 모듈러 기술에 대한 자세한 설명

AngleJS 모듈러 기술에 대한 자세한 설명

小云云
小云云원래의
2018-02-26 13:49:141293검색

이 글은 주로 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 모듈 관리 문제를 처리하는 색다른 방법_AngularJS

AngularJS, Angular 2 및 Angular4의 차이점에 대한 자세한 설명

위 내용은 AngleJS 모듈러 기술에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.