angularjs04 传参指令

最新推荐文章于 2017-04-07 16:16:14 发布

雀跃set

最新推荐文章于 2017-04-07 16:16:14 发布

阅读量129

点赞数

本文链接：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>"
     }
})

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

雀跃set

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
angularjs04 传参指令

在angularjs中，用户可以创建自定义指令，那么有时就需要创建公共指令，运用的时候把需要的参数传进去index.html1 <body ng-app="myApp">2 <input ng-model="myurla" type="text">3 <input ng-model="urlname" type="...
复制链接

扫一扫