angularjs04 传参指令

在angularjs中，用户可以创建自定义指令，那么有时就需要创建公共指令，运用的时候把需要的参数传进去

index.html

1 <body ng-app="myApp">
2       <input ng-model="myurla" type="text">
3       <input ng-model="urlname" type="text">
4        <div my-directive my-url="{{myurl}}" url-link="urlname">     </div>
5 </body>

clock.js

var app=angular.module("myApp",[]);
app.directive("myDirective",function(){
     return{
         restrict:'EAC',
         replace:true,
         scope:{
              myUrl:"@",     //如果页面上属性名字与绑定的作用域一样，就直接yong@绑定如果不一样就要@+属性名 ，列如@myUrl  
              urlLink:"=urlLink"
         },
         template:"<a href="{{myUrl}}">{{urlLink}}</a>"
     }
})

scope属于隔离作用域，作用域是在隔离作用域中实现绑定，两种绑定方法，1.@  2.=     

posted on 2016-11-17 13:51  ShamSilence  阅读(151)  评论(0)  编辑  收藏  举报

导航