关闭

angularJs中directive的scope ‘@’,‘=’区别

184人阅读 评论(0) 收藏 举报
分类:

简单说‘@’是以‘字符串’的形式去绑定,

             ‘=’是以‘表达式’的形式去绑定;

例如<div my-directive name="name" age="age"  change-my-age="changeAge()"></div>,$scope.name = aaa;$scope.age = 13;

假如在指令scope中规定   name: ‘=’,那么模版里面的"我的名字是:<span ng-bind='name'></span><br/>" +
            "我的年龄是:<span ng-bind='age'></span><br/>" 输出的就是名字‘aaa’;

假如在指令scope中规定  name:‘@age’,那么在模版中要得到名字‘aaa’,就必须在父html中使 name="{{name}}",不然输出的是age。

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:13494次
    • 积分:278
    • 等级:
    • 排名:千里之外
    • 原创:12篇
    • 转载:14篇
    • 译文:0篇
    • 评论:0条
    文章分类