Javascript 具有指令和隔离作用域的控制器

Javascript 具有指令和隔离作用域的控制器,javascript,angularjs,angularjs-directive,angularjs-scope,angularjs-controller,Javascript,Angularjs,Angularjs Directive,Angularjs Scope,Angularjs Controller,我想创建一个ok/cancel按钮集,开发者可以在其中更改标签 我有以下指示 angular.module('myApp') .directive('myButtons',function(){ var ctrl = function ($scope) { var controller = this; }; return { replace: true, restrict: 'E', scope:

我想创建一个ok/cancel按钮集,开发者可以在其中更改标签

我有以下指示

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>

{{controller.cancelabel}
{{controller.saveLabel}
调用此指令的实际html是

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

但是,未设置标签。如何从html中获取saveLabel=和cancelLabel=的内容

将显示表单本身,如果我手动设置controller.saveLabel=“save”,则它在“保存”按钮上显示得很好

我知道我遗漏了一些非常简单的东西;)


谢谢

您的指令元素属性是错误的,它应该是连字符(
-
)分隔的,而不是使用驼峰大小写

标记

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


aaaaaa rrrrrrrrrr ghhhhh。我知道。我是个白痴。谢谢;)@jmls不是那样的..很高兴帮助你..谢谢:-)嘿。我已经试过了。“您可以在9分钟内接受…”你也应该投票赞成我的问题,因为它是“清楚的和经过充分研究的”。而且愚蠢。。。grin@jmls总之..干杯和快乐编码:)对不起,我一直在看东西-刚刚回到网上。谢谢你的帮助;)