学习AngularJs:Directive直接直接指令用法（完整版)

本教程使用开发版本：1.5.3

https://github.com/angular/angular.js/安古拉杰士捷信：

开发下载地址：https://angularjs.org/

摘要：指令（指令)笔者认为是AngularJ非常强大而有有用的功能之一。它就相当于为我们写了公共的自定义数字正射影像图元素或班级属性或属性属性，并且它不只是单单如此，你还可以在它的基础上来操作范围、绑定事件、更改样式等。通过这个指令，我们可以封装很多公共指令，比如分页指令、自动补全指令等等。然后在超文本标记语言页面里只需要简单的写一行代码就可以实现很多强大的功能。一般情况下，需要用管理的有下面的情景：1.使你的超文本标记语言更具语义化，不需要深入研究代码和逻辑即可知道页面的大致逻辑。2.抽象一个自定义组件，在其他地方进行重用。

一、指令的定义及其使用方法开发的指令定义大致如下

angular.module('app '，[]).指令(“directiveName”，function(){ return{ //通过设置项来定义};})指令可以放置于元素名、属性、等级、注释中。下面是引用myDir这个管理的的等价方式。(但很多管理的都限制为"属性"的使用方式)

Helvetica阿里亚尔公司，无衬线字体；'指令-名称/span span style=' font-family : Arial，Helvetica无衬线；'='exp'/span//属性/span span style=' font-family : Arial，Helvetica无衬线；指令-名称/span : exp；'/span///span style=' font-family : Arial，Helvetica，无衬线字体；'指令-名称/span/span style=' font-family : Arial，Helvetica，无衬线字体；'指令-名称/范围/元素！-指令： span style=' font-family : Arial，Helvetica，无衬线；'指令-名称/span span style=' font-family : Arial，Helvetica无衬线；'exp - //注释/span如下一个实例：

！DOCTYPE html html lang=' zh ' ng-app=' myApp ' head meta charset=' UTF-8 ' title angularjs入门学习/title脚本类型=' text/JAVAScript ' src=' http :/1 .5 .3/棱角分明。量滴js '/脚本/头体hello-world/hello-world/体脚本类型=' text/JavaScript ' var app=angular。模块(' myApp '，[])；app.directive('helloWorld '，function(){ return { restrict : ' E '，template: 'divHi我是林炳文~~/div '，替换： true }；});/script /html结果：

下面是一个管理的的详细版

var myModule=angular.module(.);我的模块。方向名('方向名'，函数工厂（可注入的){ var directiveDefinitionObject={ priority : 0，template: 'div/div '，templateUrl: '指令。