3

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: '/'
      });
  }]);
4

0 に答える 0