1. 程式人生 > >ng-show和ng-if的區別和使用場景

ng-show和ng-if的區別和使用場景

ng-if重新建立元素時用的是它們編譯後的狀態。如果ng-if內部的程式碼載入之後被jQuery修改過(例如用.addClass),那麼當ng-if的表示式值為false時,這個DOM元素會被移除,表示式再次成為true時這個元素及其內部的子元素會被重新插入DOM,此時這些元素的狀態會是它們的原始狀態,而不是它們上次被移除時的狀態。也就是說無論用jQuery的.addClass添加了什麼類都不會存在了。而ng-show和ng-hide則可以保留dom元素上次修改後的狀態。