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>