.directive('myAttr', function() {    return {        restrict: 'E',        scope: {            customerInfo: '=info'        },        template: 'Name: {
   {customerInfo.name}} Address: {
   {customerInfo.address}}
' +                  'Name: {
   {vojta.name}} Address: {
   {vojta.address}}'    };});

 

 

directive中的几个属性：

 

1. restrict

   E： 表示该directive仅能以element方式使用，即：<my-dialog></my-dialog>
   A： 表示该directive仅能以attribute方式使用，即：<div my-dialog></div>
   EA: 表示该directive既能以element方式使用，也能以attribute方式使用

2. :transclude:你的directive可能接受页面上的其他html内容时才会用到，建议你先去掉该参数。有些高阶了。

3. scope:当你写上该属性时，就表示这个directive不会从它的controller里继承$scope对象，而是会重新创建一个。

4. templateUrl:你的directive里的html内容

5. link:可以简单理解为，当directive被angular 编译后，执行该方法