Angularjs 如何覆盖单击功能

Angularjs 如何覆盖单击功能,angularjs,Angularjs,我正在尝试使用一个显示为Save的表单按钮,以便在它忙时更改为Saving…。如果它能检测到这里有一个ng click指令,并且只有当busy为false时才会触发该指令,那就太棒了。我是否需要为此创建一个新指令,或者是否有一种方法可以直接利用ng click的功能 HTML: 保存 JS: 指令('buttonLarge',函数(){ 返回{ 范围:{ 忙:“&” }, 替换:正确, 限制:'E', 是的, 模板:“”, 链接:函数(范围、元素、属性){ 变量配置={ 颜色:“默认” }; 角

我正在尝试使用一个显示为
Save
的表单按钮,以便在它忙时更改为
Saving…
。如果它能检测到这里有一个ng click指令,并且只有当
busy
为false时才会触发该指令,那就太棒了。我是否需要为此创建一个新指令,或者是否有一种方法可以直接利用ng click的功能

HTML:

保存

JS:

指令('buttonLarge',函数(){ 返回{ 范围:{ 忙:“&” }, 替换:正确, 限制:'E', 是的, 模板:“”, 链接:函数(范围、元素、属性){ 变量配置={ 颜色:“默认” }; 角度扩展(配置,属性); element.addClass(“b”+大写(config.color)); //当按钮忙时,禁用该按钮 作用域:$watch(attrs.busy,函数(){ console.log('changed',scope.busy); }); //将字符串的第一个字母大写 功能资本化{ 返回s[0].toUpperCase()+s.slice(1); } } } })
我会这样做:

<button ng-click="createWorkstation()">{{isBusy && "Saving" || "Save"}} </button>

取而代之的是,你为什么不采取一种简单的方法——当用户点击保存按钮时隐藏它并显示保存。。。按钮在为
ng click调用的函数中,设置一个模型,该模型将显示或隐藏保存按钮(以及隐藏和显示保存按钮),直到保存完成?谢谢。。。和我想做的相比,这简直太简单了,不过作为一个提示。。。这不起作用:
{{disableSave()&&“Saving…”| |“Save”}
span标记与
标记冲突如果要使用span,则需要使用ng bind html unsafe指令。以下是一个例子:
<button ng-click="createWorkstation()">{{isBusy && "Saving" || "Save"}} </button>
<button ng-click="go()" ng-bind-html-unsafe="isBusy && '<span class=icol-refresh></span><span>Saving...</span>' || 'Save'">Process</button>