angularjs04 传参指令

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

index.html

1 "myApp">
2       "myurla" type="text">
3       "urlname" type="text">
4        
"{{myurl}}" url-link="urlname">
5

clock.js

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

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

转载于:https://www.cnblogs.com/mrzhangkang/p/6073461.html

你可能感兴趣的:(angularjs04 传参指令)