AngularJS .ng輸入動畫在第一次運行時不起作用

我在我的AngularJS應用程序中遇到了一個奇怪的問題;使用ng-include切換標籤頁幻燈片時，第一次不起作用，但第二次或第三次很好。AngularJS .ng輸入動畫在第一次運行時不起作用

這裏是我的plunker測試代碼：http://embed.plnkr.co/a2x4vkTVgEUEt9mxWaVy/preview

看起來NG進入動畫類，設置之前，模板上傳。請幫忙。

2014-04-23 Anton Konyushevskiy

它看起來像動畫不工作，因爲你的模板越來越加載。我推薦使用指令來實現製表符，或者ngRoute。

我已經做出了表率與ngRoute這裏： http://embed.plnkr.co/RFw3CZwQmPz9doqe7o1u/preview

我並不完全相信你的應用程序是應該做的，所以我可能已經打破了你的初始設置。但我看到你使用了很多rootScope。我建議使用服務來存儲控制器之間的共享數據。像這樣的（從這裏使用例如：Passing data between controllers in Angular JS?）

app.service('productService', function() { 
    var productList = []; 

    addProduct = function(newObj) { 
     productList.push(newObj); 
    }; 
    getProducts = function(){ 
     return productList; 
    }; 
});

更新：有可能在$routeProvider，like this使用動態templateUrls。控制器也可以這樣做。這樣你就不必爲每一個步驟指定一條單獨的路線。

來源

2014-04-23 09:12:47

THX，爲您answear。我的模塊是一個非常大的形式，11步，200場，所有的對象「實驗室」，所以我不想使用任何服務和路線。但是你絕對沒錯，當你可以更好地使用服務和路線！ :) –

啊，好吧，這是可以理解的。我更新了我的答案。 –

Thx，再次！但在我的情況下，會有更多的路由問題:)我發現與$ templateCache的解決方案。現在模板在啓動時加載到應用程序，而用戶填寫第一步字段:) –

好吧，我發現我自己的問題的解決方案，如果你有同樣的問題，你必須使用$ templateCache服務，這裏是plunker代碼： http://embed.plnkr.co/mnB6VwXqHSt6L3IEUvCI/preview

來源

2014-04-23 09:15:26

AngularJS .ng輸入動畫在第一次運行時不起作用

回答

相關問題