范围的角度指令不具约束力以及

我在角一个新手，和指示，以及一些与它的不正常运行范围（当然在我的情况，:)）。

我已经定义以下指令：

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'是空的。

我错过了什么？

在此先感谢

来源

2016-10-10 Yago

使用label-header在属性

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

来源

2016-10-10 13:37:44

哇...谢谢。我正在寻找更复杂的答案。真的感谢。伟大的作品 – Yago

角度预计，属性名被分开“ - ”（就像指令名）。

所以不是labelHeader使用label-header等

来源

2016-10-10 13:39:28 Tomer

伟大的作品。谢谢 – Yago

范围的角度指令不具约束力以及

回答

相关问题