當ngAnimate注入到應用程序時,延遲元素從ng-if或ng-show中刪除,否則不會發生。使用ngAnimate時通過ng-if延遲元素
Plunkr:https://plnkr.co/edit/rPTjsDCcgGpg6xfS0IVP
var app = angular.module('app', ['ngAnimate']);
這是怎麼回事,如何解決呢?
當ngAnimate注入到應用程序時,延遲元素從ng-if或ng-show中刪除,否則不會發生。使用ngAnimate時通過ng-if延遲元素
Plunkr:https://plnkr.co/edit/rPTjsDCcgGpg6xfS0IVP
var app = angular.module('app', ['ngAnimate']);
這是怎麼回事,如何解決呢?
這是一種解決辦法,它可以使它工作,但是如果你的按鈕在<div></div>
中用ng-if包裝,那麼它會立即加載。 https://plnkr.co/edit/PGZgrKzZHO7GSCkwfP23?p=preview
問題出在semantic.min.css
文件中。刪除該行,你不再看到閃爍(當然,你也沒有得到樣式)。這意味着語義ui增加了ng-animate正在拾取的一些轉換。
事實上,它看起來像ui
類是造成這個問題。除去該課程,閃爍也會消失(如同樣式)。
這本身並沒有太多的幫助,但它確實指出了問題與角度和語義ui的交集。
你可能在某個元素/類的周圍有一個CSS過渡。 – Phil
我很確定這是發生在您所包含的semantic.css中。 –
如果ngAnimate未被注入,則不會發生這種情況。如果你刪除了ngAnimate,你會發現它的功能可以按照預期使用或不使用語義UI。 –