我有一个ionic angular应用程序,如果我添加了一个ng-disabled
属性(我想防止他们点击按钮两次),它就会连续触发ng-click
两次。
为什么它使用ng-disabled
属性连续触发两次?
<button ng-if="post._id"
class="button button-block button-outline"
ng-click="createPost()"
ng-disabled="isSaving">Update</button>
发布于 2015-01-22 14:03:11
我没有你的问题的答案,但我有另一个解决你的问题的方法,这是一个plnkr
我创建了一个名为networkInfo
的指令,它根据是否正在进行网络调用来设置按钮的内容。
这不是一个完美的方式,但是一个7行代码的link
函数,一个有两个属性的按钮也不错。
属性makingCall
只是一个布尔值,表示是否正在进行调用。属性networkInfo
初始化指令,并将link
函数绑定makingCall
激发到它的作用域。
函数update()
使用$timeout
来模拟异步网络调用(使用$http
等)。
首先,它检查vm.working
,如果是true
,则不进行其他网络调用。然后,它将其设置为true
,以通知指令现在正在进行调用。
最后,它触发$timeout
,在2secs
之后,它将把vm.working
设置回false,以指示网络调用的结束。
显然,我用过boostrap,因为那是我更熟悉的,然而,就像标志性的风格。
https://stackoverflow.com/questions/28090232
复制相似问题