2016-06-22 9 views
0

は、私はそのような出力をもたらした私のアプリで角度のテンプレートをプリコンパイルするために単調なタスクgrunt-angular-templatesを使用しています:

$templateCache.put('src/ng-app/views/story/page.html', 
    //...html 

が、このルートは、テンプレートに404を投げています私は、テンプレートのIDを設定し、ルートにそれを指定するが、私は外部ファイルのためにそれを行う方法がわからない程度別のポストを見てきました

.when('/:pageId.aspx', { 
    templateUrl: 'src/ng-app/views/story/page.html', 

ファイル - 例では、そのようなインラインテンプレートを使用しています。

<script type="text/ng-template" id="login.html"> 
    login.html 
</script> 
+0

templateCacheのモジュール名を指定し、アプリケーションに依存関係として追加しましたか? –

+0

私は外出先で2つのアプリを持っているので、これは面白いです。違いを生み出したのはビューのスクリプトの順番だった - 私がルート宣言をする前にしなければならなかった –

答えて

0

エンドでシンプルなソリューション - 私はngTemplatesによって生成されたビュースクリプトがルート宣言の前に含まれていたことを確認する必要がありました(私は別のスクリプトroutes.jsのものを持っている)

そのものモジュールがあることを確認するための鍵ngTemplates面倒で同じ:依存性が目立った差は行われていないとして、(私は別のポストに見られるような)

var app = angular.module('MyApp.Web'... 

ngtemplates: { 
     app: { 
      src: 'src/ng-app/views/**/*.html', 
      dest: 'dist/src/js/ng-views.js', 
      options: { 
       module: 'MyApp.Web' 
      } 
     } 
    } 

は、テンプレートの追加:

angular.module('templates', []); 
var app = angular.module('MyApp.Web', [ 
    'ngRoute', 
    'youtube-embed', 
    'templates' 
]); 
関連する問題