Angularjs 在加载模板时禁用ng单击

Angularjs 在加载模板时禁用ng单击,angularjs,Angularjs,我使用的是一个引导模式,有时需要一段时间来加载它的window.html模板。此模式在ng click事件中打开,如果Internet连接缓慢,用户通常有机会在加载模板之前多次单击元素 在加载模板时,是否有方法全局禁用ng click事件?有没有其他方法可以解决这个问题,而不用像if(isLoading)return这样的代码填充我的代码;isLoading=true。。;isLoading=false使用ng单击启用ng禁用 <button ng-click="isLoading=tru

我使用的是一个引导模式,有时需要一段时间来加载它的
window.html
模板。此模式在
ng click
事件中打开,如果Internet连接缓慢,用户通常有机会在加载模板之前多次单击元素


在加载模板时,是否有方法全局禁用
ng click
事件?有没有其他方法可以解决这个问题,而不用像
if(isLoading)return这样的代码填充我的代码;isLoading=true。。;isLoading=false

使用
ng单击
启用
ng禁用

<button ng-click="isLoading=true;" ng-disabled="isLoading" ng-switch="isLoading">
    <span ng-switch-when="true">Loading...</span>
    <span ng-switch-when="false">I can now be clicked again</span>
</button>

加载。。。
现在可以再次单击我
然后,以您认为合适的方式将
isLoading
设置回
false
。可能在
success
回调中,如果您有回调的话

如果你计划经常这样做,你可以创建一个自定义指令

或者,如果您使用的是Angular+Bootstrap,请帮自己一个忙,使用纯Angular编写的-Bootstrap指令,无需Bootstrap.js