angularjsのボタンを複数回クリックしないようにしますか？

AngularJSでボタンリストのユーザークリックが複数回繰り返されるボタンがありますか？angularjsのボタンを複数回クリックしないようにしますか？

2017-07-10 kapil soni

あなたは再びそのボタン – Dixit

先生を有効にすることができ、いくつかの応答の後に、ボタンのクリック時にボタンを無効にすることができますどのように応答した後、再度有効にするには教えてください？ –

プロパティを設定してngClickにチェックするか、buttonsにng-disabledプロパティを使用することができます。アンカーを無効にすることはできません。

<button 
    ng-click="!isButtonClicked && (isButtonClicked=true) && clickButton()" 
>Click Me Once</button> 

<button 
    ng-click="(isButtonClicked=true) && clickButton()" 
    ng-disabled="isButtonClicked" 
>Click Me Once</button>

またはインスタントは$scopeプロパティを使用して確認すると、「無効」からUIを取得するために両方を行います。 SONI @kapil

<button 
    ng-click="!isButtonClicked && (isButtonClicked=true) && clickButton()" 
    ng-disabled="isButtonClicked" 
>Click Me Once</button>

出典

2017-07-10 17:55:11 doublesharp

I（そして地球上のすべてのAngularデベロッパー）は過去にこのアプローチを試みてきました。問題は、十分に速く動作しないことです。十分に速くクリックすると、ボタンが無効になる前に2回目のクリックが登録されます。 –

その場合、 '$ digest'サイクルの後に' clickButton（） '関数内でチェックしてください。あなたは$ timeout（）でラップすることができますが、おそらく最も簡単な方法です。 – doublesharp

しかし、最初のメソッドは多かれ少なかれ瞬時でなければなりません。単に '$ scope'にプロパティを設定するだけで、DOMを更新する必要はありません。 – doublesharp

angularjsのボタンを複数回クリックしないようにしますか？

答えて

関連する問題