角JS - 有沒有辦法該指令的屬性傳遞給模板

Question

頁

<rn-text-edit rn-scope="profile.first_name"></rn-text-edit> 

上的JS

app.directive("rnTextEdit", function() { 
    return { 
     restrict: 'E', 
     replace: true, 
     template:'<span>{{'+rn-scope+'}}</span>' 
    } 
}); 

我知道我可以代替DOM，並通過訪問屬性鏈接。我想知道是否有方法將指令的屬性傳遞給模板。

Answer 1

如果你只是顯示值：

<rn-text-edit rn-scope="{{profile.first_name}}"></rn-text-edit> 

-

app.directive("rnTextEdit", function() { 
    return { 
     restrict: 'E', 
     replace: true, 
     scope: { 
      rnScope: '@' 
     }, 
     template: '<span>{{rnScope}}</span>' 
    } 
}); 

如果該指令需要修改的值，可以使用'='並跳過雙花括號。在Angular Directives page