ngAnimate を使用する SPA があります。このアプリが $templateCache なしで動作する場合、アニメーションは正常に動作しますが、$templateCache からテンプレートを読み込もうとするとアニメーションは動作しません。おそらく、アプリケーションが $templateCache を使用する場合は、いくつかの構成を追加する必要があります...
この問題を解決するにはどうすればよいですか?
私の見解
angular.module('Views', ['views/index.html']);
angular.module("views/index.html", []).run(["$templateCache", function($templateCache) {
$templateCache.put("index.html", '<.... html index tpl ....>');
}]);
アプリ
angular.module('MyApp', [
'ngRoute',
'ngAnimate',
'Views'
])
.config(['$routeProvider', function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/index.html',
controller: 'IndexCtrl'
})
.otherwise({
redirectTo: '/'
});
}]);