2017-05-31 48 views
1

如何防止射擊的短間隔NG單擊

<button type="button" 
    class="btn btn-primary" 
    ng-click="$parent.paginationInstance.nextPage()" 
    ng-disabled="($parent.dataList && $parent.dataList.length < $parent.paginationInstance.pageSize)"> 
     Next 
</button> 

我新的角度,上述 就是我想做的事: 我們將不能夠點擊下一頁按鈕(噹噹前頁面中沒有足夠的數據時,它將被禁用爲灰色)。 (假設有35條記錄,每頁10條,那麼我們不能點擊下一頁第4頁。) 一切看起來都不錯,除了: 當我點擊NEXT以非常快的方式,它會轉到第5或6頁沒有禁用,當然他們是空白頁面。 所以我可以知道是否有辦法限制這個?

+0

考慮使用[NG-顯示指令(HTTPS://docs.angularjs。 org/api/ng/directive/ngShow)只在有數據可用於下一頁時顯示按鈕。 – georgeawg

+0

使用'$ parent'來訪問數據和函數是[code smell](https://en.wikipedia.org/wiki/Code_smell),這是一個更深入的實現問題。發生什麼事情需要使用'$ parent'?也許有更好的方式去做事情。 – georgeawg

回答

0

你可以禁用它後點擊右鍵

button.ngDisabled = true 

,然後加入到準備狀態功能

button.ngDisabled = false