1

私は、フォルダパスの代わりに一意の名前を使用してファイルを参照する方法を見つけようとしています。絶対パスと相対パスを使用して、コンポーネントフォルダを移動すると、すべてのリンクをリファクタリングする必要があります。それはgulpを使用することによって、すべてのjavascriptファイルが別のディレクトリに移動されるため、非常に面倒です。angular2のidでテンプレートを参照する方法は?

角度1では、ちょうどng-templateのIDを参照しています。

Angular 2で同様のことを行う方法はありますか?

追加情報:私は現在、あなたは部品のモジュールIDを設定することにより、相対URLでテンプレートを参照することができ

(function(app) { 
    app.AppComponent = 
     ng.core.Component({ 
      selector: 'my-app-test', 
      templateUrl: '/assets/base/components/comp-test-app/test-template.html' 
     }) 
      .Class({ 
       constructor: function() {} 
      }); 
})(window.app || (window.app = {})); 

答えて

1

を使用してい

コード。

(function(app) { 
    app.AppComponent = 
     ng.core.Component({ 
      moduleId: module.id, 
      selector: 'my-app-test', 
      templateUrl: 'test-template.html' 
     }) 
     .Class({ 
      constructor: function() {} 
     }); 
})(window.app || (window.app = {})); 

出典:https://angular.io/docs/ts/latest/cookbook/component-relative-paths.html私はこのスクリプトのフォルダ位置を変更する場合は、この作品

+0

? – Simoyw

+0

スクリプトとhtmlファイルの相対パスが同じであれば、好きな場所に移動できます。 –

+0

スクリプトは、gulpを使用して他のすべてのコンポーネントと連結されたindex.htmlファイルで移動されるため、同じ相対パスはありません。 htmlファイルは代わりに 'src/app/components/test/template.html'にあります。 – Simoyw

関連する問題