ng-animate

0熱度

2回答

考慮以下plunker 我有我想用ng-repeat由一個一個淡出但是動畫淡出整個瓷磚設置一起瓷磚的列表。這裏是我的CSS .fade-up { animation: fadeUpIn 5s ease-in-out; } .fade-in { animation: fadeUpOut 5s ease-in-out; } @keyframes fadeUpIn {

1熱度

1回答

UIB-下拉難道不是在工體的HTML瀏覽

我已經安裝，正確做法如下： "ui-bootstrap": "0.12.2", "ngAnimate": "1.5.5", "AngularJs": "1.5.5 當創建我的HTML視圖的身體標籤的下拉菜單中，我沒有收到任何可見的結果。我在控制檯和網絡分析器中都沒有收到任何錯誤消息。而且，所有其他的angularJS和代碼都能在視圖中完美工作，所以外部設置沒有任何問題。這是有問題的HTML： <d

1熱度

2回答

使用ngAnimate時通過ng-if延遲元素

當ngAnimate注入到應用程序時，延遲元素從ng-if或ng-show中刪除，否則不會發生。 Plunkr：https://plnkr.co/edit/rPTjsDCcgGpg6xfS0IVP var app = angular.module('app', ['ngAnimate']); 這是怎麼回事，如何解決呢？

0熱度

1回答

當div被另一個div移動時平滑過渡ngAnimate和translate

我有兩個div，一個在另一個之上。頂部div顯示ngAnimate並推下第二個股票。我想使用translateY動畫來顯示頂部div，因爲它看起來不錯。 @keyframes enter_not_smooth { from {transform: translateY(-100px);} to {transform: translateX(0px);} } @keyframes

0熱度

1回答

Angular2動畫學習資源

是否有任何可用於學習的良好/深度資源Angular2中的動畫除了www.angular.io上的基本API參考嗎？

0熱度

1回答

有條件加載ng-animate模塊？

我們正在使用Angular 1.4.9 ng-animate模塊。一切工作正常，但我們的一些團隊正在要求的方式不加載根據條件。例如，在特定的平臺或用戶代理上，不需要ng-animate加載。我們已經有幾種方法來測試這個（egmodernizr）並使用它們來有條件地加載其他.js和.css文件，但是由於ng-animate是一個簡單排除它的js文件的模塊會引發錯誤。

2熱度

1回答

如何在ngMessages中使用ngAnimate？

我有一個AngularJS窗體，我想在錯誤消息上使用動畫。下面是當前代碼我現在所擁有的： <input type="text" name="name" ng-model="name" required> <div class="form-error-cont" ng-messages="form.name.$dirty && form.name.$error"> <p ng-mess

1熱度

1回答

ngAnimateSwap中放置了自己的控制器的指令導致每個「交換」都初始化新的控制器

我創建了一個指令（ParentDir），該指令擁有自己的控制器並且其模板綁定到該控制器。它與另一個指令（Child1）進行通信，該指令擁有自己的控制器，它需要第一個父指令。下面是一個簡單的例子： Module.directive("ParentDir", function() { return { templateUrl: '../ParentTemplate', restr

0熱度

1回答

防止元素在顯示前佔用空間

我想在一個地方切換2個元素。切換時，當前元素將淡出，之後，下一個元素將淡入以替換舊元素。所以我爲.ng-hide-remove設置了一個延遲時間來獲得這個效果。但是在下一個元素出現之前，它佔用了DOM中的空間並且破壞了頁面的佈局。我該如何解決這個問題？這裏是小提琴鏈接：fiddle CSS： div { transition: all linear 0.5s; } #div1

3熱度

3回答

當向菜單添加更多項目時，將內容div高度展開爲左側菜單高度

我有一個左側菜單，可以在其中添加或刪除項目。在右側有一個內容div，它有一個最小高度。使用角度向左側菜單中添加更多項目時，如果左側菜單高於最小高度，我希望內容div將其高度展開至左側菜單。還有一件事是我也想要ng-animate的內容div的下拉效果。這裏是小提琴鏈接：link var app = angular.module('myApp', ['ngAnimate']); app.