2016-09-18 14 views
0

私はテンプレートのgithubプロジェクトの作成に取り組んでいます:https://github.com/williamBurgeson/angular2webapiは、標準のasp.net core/web api setupに対して、新しいAngular 2フレームワークのサンプルプロジェクトを提供することを意図しています。 (これはベータ版やrc版ではなく、フルバージョン2.0を指します)Karma + Jasmine + Angular2.0 + .net core:htmlテンプレートのベースフォルダを正しく設定する方法は?

また、カルマと角2を統合する方法については、https://github.com/juliemr/ng2-test-seedを参照しました。

問題は、ファイルがasp.netコアのwwwrootフォルダから提供されているため、Karmaランタイム(または特にKarma Webサーバー)がhtmlテンプレートファイルをロードできないということですこれはappフォルダ内の特定のコンポーネントと一緒に実行されます。角度2に、あなたがコンポーネントデコレータは、次のような何かを持っているでしょう

つまり

、:

@Component({ 
    selector: 'my-fancy-border', 
    templateUrl: './app/border-component.html', 
    styleUrls: ['./app/border-component.css'], 
    inputs: ['title: title'] 
}) 

そしてカルマで実行した場合、これはしかし、すべてが順調と良いですが、Webルートから提供"base"仮想フォルダを使ってサイトファイルを提供すると、htmlファイルが見つからず、/base/app/border-component.htmlを探していると思われます。 typescriptソースファイルに "base"をハードコードしたい。

以下のファイルをたくさんコピーして貼り付けるのではなく、誰かがこれに答えるために刺すようなことがあれば、githubリポに移動して複製する方が簡単でしょう。

これは、人々が今後数ヶ月にわたってますます増えるだろうと確信していますが、角度2は非常に新しいものであり、ベータサイクルとRCサイクルでは非常に多くの変化があります。非常にまばらな文書。

誰かがこれを解決することができれば(あるいは私はそのことについて)、その修正をレポに入れます。

答えて

0

自分の質問に答えました! http://blog.thoughtram.io/angular/2016/06/08/component-relative-paths-in-angular-2.htmlを参照

は、私は、次にコンポーネント宣言を変更するために見た: - Iはmodule.idとしてモジュールID部材を追加し、現在の相対なるようにパスを修正した

@Component({ 
    moduleId: module.id, 
    selector: 'my-fancy-border', 
    templateUrl: './border-component.html', 
    styleUrls: ['./border-component.css'], 
    inputs: ['title: title'] 
}) 

注フォルダ。できます!

私はこの変更をコミットし、しばらくのうちにgithubにアップロードします。

関連する問題