2015-12-11 58 views
1

我有一個角度ng-show指令的問題。 我有2個按鈕,它們像一個切換按鈕一樣工作。在IE 10中的角度顯示閃爍0

的index.html

<button class="btn btn-primary" 
     ng-show="!isShow" 
     ng-click="showDeleted()"> 
     Show deleted items 
</button> 
<button class="btn btn-primary" 
     ng-show="isShow" 
     ng-click="showDeleted()"> 
     Hide deleted items 
</button> 

myController.js

$scope.showDeleted = function(){ 
    $scope.isShow = !$scope.isShow; 
}; 

當我點擊按鈕,一切工作正常,但在IE10我可以看到牆根按鈕閃爍。如果你需要的話,這是一個plunkr

謝謝!

+1

作爲一個附註,你應該命名你的showDeleted方法toggleDeleted,因爲它可以處理顯示和隱藏 – Aaron

+0

@ cs.matyi你能解決它嗎? – klashar

+0

@klashar這是我的一個老問題。還沒。如果我沒有記錯,我使用ng-if代替ng-show/ng-hide並在整個html文檔中使用ng-cloack。 –

回答

0

你嘗試NG-斗篷 https://docs.angularjs.org/api/ng/directive/ngCloak

的ngCloak指令用於防止角HTML模板從在其原始(未編譯)形式的瀏覽器,而你的應用程序加載,略微顯示。使用此指令,以避免造成HTML模板顯示不良閃爍效果

我認爲所有的角應用程序(不使用NG-包括加載模板) 應採用NG-斗篷,以防止隱藏所有模板,直到角度編譯它。