一：自定义指令常用模板
下面是大致的说明，不是全面的，后面来具体说明一些没有提及的细节和重要的相关知识：
rush:js;">
angular.module('yelloxingApp',[]).directive('uiDirective',function() {
return {
restrict:String,//标明该指令可以在模板中用于元素E、属性A、类C和注释M或组合
priority:Number,//设置指令执行优先级，在某个DOM上优先级高的会先执行
terminal:Boolean,template:String or Template Function,//就是设置模板，和下面的templateUrl属性二个只可以设置一个，目的一样
templateUrl:String or Template Function,//除了字符串，这二个属性还可以设置函数
replace:Boolean,//指令模板是否替换原来的元素
scope:Boolean or Object,controller:String or function(scope,element,attrs) { ... },require:String or Array,//你需要知道link在每个实例都执行一遍，compile全程只会执行一遍
link: function(scope,attrs,ctrl) { ... },compile:function(element,attrs) {
//常用的就是compile的此处写执行一次的代码，或者在link方法里面写和dom有关的操作
}
};
});
二：一些属性说明
【scope】
可以设置boolean或者对象，先来说说boolean，这个比较简单：
1.当设置true的时候，表示继承父scope，是一个子scope；
2.当设置false的时候，直接使用父scope。
还有一种对象设置方法，就是设置一种隔离的scope，在使用隔离scope的时候，提供了三种方法同隔离之外的地方交互，下面用一个例子来一一说明：
rush:js;">
angular.module('yelloxingApp',[]).directive("scopeExample",['$rootScope',function($rootScope) {
return {
restrict: 'A',scope: {
_userDataname: "=userDataname",_onSend: "&onSend",_fromName: "@fromName"
},template: `
<input ng-model="_userD<a href="https://www.jb51.cc/tag/atan/" target="_blank" class="keywords">atan</a>ame"/>
<ul>
<li>fromName={{newfromname}}</li>
<li>这是从父级<a href="https://www.jb51.cc/tag/huoqu/" target="_blank" class="keywords">获取</a>到的{{_userD<a href="https://www.jb51.cc/tag/atan/" target="_blank" class="keywords">atan</a>ame}}</li>
</ul>`,link: function($s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e,attrs) {
//使用@符号可将本地作用域的变量与DOM<a href="https://www.jb51.cc/tag/shuxing/" target="_blank" class="keywords">属性</a>的值进行绑定，即这里通过@得到<a href="https://www.jb51.cc/tag/fulei/" target="_blank" class="keywords">父类</a>fromName的值
$s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e.newfromname = $s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e._fromName;
$s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e._useParentMethod = function() {
//使用&符号可以在其中<a href="https://www.jb51.cc/tag/diaoyong/" target="_blank" class="keywords">调用</a><a href="https://www.jb51.cc/tag/fulei/" target="_blank" class="keywords">父类</a>的<a href="https://www.jb51.cc/tag/fangfa/" target="_blank" class="keywords">方法</a>
$s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e._onSend({ "email": { "email": "yelloxing@gmail.com" } });
console.log($s<a href="https://www.jb51.cc/tag/cop/" target="_blank" class="keywords">cop</a>e._userD<a href="https://www.jb51.cc/tag/atan/" target="_blank" class="keywords">atan</a>ame);
};
}};
}]);
上面是指令的写法，下面来看看控制器里面有什么：
rush:js;">
$scope.name = "心叶";
$scope.user = "yelloxing";
$scope.sendMail = function(email){
console.error(email);
}
最后别忘了html里面的使用：
代码如下:
