angularjs04 传参指令

最新推荐文章于 2020-12-24 05:08:06 发布

雀跃set

最新推荐文章于 2020-12-24 05:08:06 发布

阅读量168

点赞数

本文链接：https://blog.csdn.net/qq_33808244/article/details/103622768

版权

在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>"
     }
})