controllerAs與指令和分離的範圍

我想創建一個確定/取消按鈕組，其中開發者可以更改標籤controllerAs與指令和分離的範圍

我有以下指令

angular.module('myApp') 
    .directive('myButtons',function(){ 

    var ctrl = function ($scope) { 
     var controller = this; 
    }; 

    return { 
     replace: true, 
     restrict: 'E', 

     scope: { 
      cancelLabel: '@', 
      saveLabel: '@', 
      save: '&', 
      cancel: '&' 
     }, 

     templateUrl: 'directives/myButtons.html', 

     controller: ctrl, 
     controllerAs: 'controller', 
     bindToController: true, 
    };

}）;

的HTML指令包括以下

<div> 
    <button>{{controller.cancelLabel}}</button> 
    <button>{{controller.saveLabel}}</button> 
</div>

實際的HTML調用這個指令是

<my-buttons saveLabel="Discard" cancelLabel="Cancel"></my-buttons>

然而，標籤不被設置。我怎樣才能獲得saveLabel的內容=和cancelLabel =從HTML

形式本身所示，如果我手動設置controller.saveLabel =「保存」隨後便出現就好了保存按鈕

我知道我失去了一些東西很簡單，分離的，而不是使用駝峯）

感謝

來源

2015-06-02 jmls

您的指令元素屬性是錯誤的，應該是連字符（-）。

標記

<my-buttons save-label="Discard" cancel-label="Cancel"></my-buttons>

來源

2015-06-02 19:05:22

aaaaaarrrrrrrrrrghhhhhhhhhhh。我知道。我是一個白癡。謝謝;） – jmls

@jmls沒有像這樣..很高興幫助你..謝謝:-) –

嘿。我已經嘗試過了。「你可以在9分鐘內接受......」）;你也應該提出我的問題，因爲它「清晰和精心研究」。和愚蠢的... *微笑* – jmls

controllerAs與指令和分離的範圍

回答

相關問題