AngularJS 1.6。コンポーネントtemplateUrl

Question

私は、ES6、Webpack、AngularJSコンポーネントベースのアーキテクチャを使用して、スターターの定型文を作成しようとしています。私は私のアプリのディレクトリを持っており、その中に私がアプリモジュールをエクスポートするindex.jsがあります：

import { AppComponent } from './ng/app.component.js'; 

export default angular 
    .module('appModule',[]) 
    .component('app', AppComponent) 

だけでなく、他の二つのディレクトリHTMLSためのjsファイル用ngとtemplates

。 app.component.jsインサイド

私はそうのような.htmlのファイルをインクルードするトリングだ：

export const AppComponent = { 
    templateUrl: '../templates/app.html', 
    controller: class AppController { 
     constructor() { 
      this.title = "App Page"; 
     } 
    } 
} 

をこのメソッドを使用して、私は次のエラーを取得する：

GET http://localhost:8080/templates/app.html 404 (Not Found) 

しかし、私はへの完全なパスを入力ファイルsrc/app/templates/app.htmlまたはtemplate: require('../templates/app.html')期待どおりに動作します。

私はtemplateUrlを必要とする完全なパスを入力することなく動作させる方法はありますか？

Answer 1

フルパスを読み取らずにアクセスするには、ルートを作成する必要があります。私は、私もしようとするだろう例 templateUrl: CONFIG.baseUrl +'/templates/app.html'

のセッション定数を使用して、コードを追加する方法を見てきました

AngularJs 1.1 https://www.w3schools.com/angular/angular_routing.asp

角度2以上 https://angular.io/tutorial/toh-pt5

Answer 2

templateUrl: ../../templates/app.html'