2016-10-10 49 views
0

下午好範圍的角度指令不具約束力以及

我在角一個新手,和指示,以及一些與它的不正常運行範圍(當然在我的情況,:))。

我已經定義以下指令:

angular.module('ToolBarMod', ['ngAria']) 
.controller('ToolBarCtrl', [function ($scope) {}]) 
.directive('svdToolBar', function ($translate) { 
    return { 
     restrict: 'E', 
     replace: true, 
     scope: { 
      id: '@id', 
      name: '@name', 
      labelHeader: '@labelHeader', 
      tooltipLabelSave: '@tooltipLabelSave', 
      enableSave: '@enableSave', 
      onClickSave: '&onClickSave', 
      onChange: '&onChange' 
     }, 
     template: '<div id="{{name}}" class="md-toolbar-tools">' + 
         '<md-toolbar md-scroll-shrink>' + 
          '<div class="md-toolbar-tools titulo margin-8">'+ 
           '{{labelHeader}}' + 
           '<md-button id="save" class="tool toolBarButton" ng-disabled="{{enableSave}}" aria-label="{{ \'GEN-SAVE\' | translate }}" ng-click="onClickSave">' + 
            '<md-tooltip>'+'{{tooltipLabelSave}}'+'</md-tooltip>' + 
            '<ng-md-icon icon="save"></ng-md-icon>'+ 
           '</md-button>'+ 
          '</div>' + 
         '</md-toolbar>' + 
         '<div flex></div>' + 
        '</div>' 
     } 
}); 

})();

和我的HTML使用該指令在屬性「labelHeader」的情況下,這種方式

<svd-tool-bar id="toolbar" labelHeader="tasacion" name="toolbar" tooltipLabelSave="{{ 'VAL-NEW-I-N' | translate }}" enableSave="true"/> 

,有些事我不這樣做的權利。所以,當它加載的HTML時,我看不到屬性'tasacion'。元素'labelHeader'是空的。

我錯過了什麼?

在此先感謝

回答

3

使用label-header在屬性

<svd-tool-bar id="toolbar" label-header="tasacion" 
+0

哇...謝謝。我正在尋找更復雜的答案。真的感謝 。偉大的作品 – Yago

2

角度預計,屬性名被分開「 - 」(就像指令名)。

所以不是labelHeader使用label-header

+0

偉大的作品。謝謝 – Yago