angularJs中directive的scope ‘@’,‘=’區別

簡單說‘@’是以‘字符串’的形式去綁定,

             ‘=’是以‘表達式’的形式去綁定;

例如<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。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章