私はAngular2を初めて使用しており、スタートアップのgithubページに小さなAngular2アプリ(現在helloworld)を設定しようとしています。githubページのAngular2アプリにおけるパスの問題
siteでホストされたangular-cli
でng2-lite
を作成しました。配備はangular-cli
によって提供されます。表示用にgh-pages
ブランチにデプロイされました。
最近、私はangular-cli
以外の方法を発見しました。私はng2-raw
を同様のコードで作成しましたが、デプロイ操作は一切ありません。site
ng2-raw
を作成する際にいくつかの問題がありました。デバッグ後、css
またはhtml
の相対パス(同じパスの下にあるts
)が見つかりませんでしたので、パスを変更して動作させました。
github.com/MoYummy/ng2-lite/blob/master/src/app/hello.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'hello',
templateUrl: './hello.component.html',
styleUrls: ['./hello.component.css']
})
export class HelloComponent {
name: string = 'World';
}
githubの:
私の2つのレポに異なるコードをチェックアウトしてください.COM/MoYummy/NG2-生/ブロブ/ GH-ページ/ helloworldの/アプリ/ hello.component.ts
import {Component} from 'angular2/core';
@Component({
selector: 'hello',
templateUrl: './app/hello.component.html',
styleUrls: ['./app/hello.component.css']
})
export class HelloComponent {
name: string = 'ng2';
}
私はこれらのパスを更新しなければならないのはなぜ?将来、コード構造が複雑になったり、1つのコンポーネントをサブフォルダに移動しようとするとどうなりますか?
Angular2アプリを展開する2つの方法の違いは何ですか?