Javascript 具有指令和隔离作用域的控制器
我想创建一个ok/cancel按钮集,开发者可以在其中更改标签 我有以下指示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:
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总之..干杯和快乐编码:)对不起,我一直在看东西-刚刚回到网上。谢谢你的帮助;)