Skip to content

Instantly share code, notes, and snippets.

@yoshikazuendo
Created December 5, 2017 05:16
Show Gist options
  • Save yoshikazuendo/db67c8a9ce4ba70d2af4b24edb1e7117 to your computer and use it in GitHub Desktop.
Save yoshikazuendo/db67c8a9ce4ba70d2af4b24edb1e7117 to your computer and use it in GitHub Desktop.
初めてのangular tips覚書
// コンポーネントに関する情報を宣言(デコレータ関数)
// デコレータ関数は、渡された引数に基いて、そのあとに宣言されたクラス(AppComponent)を実行時に処理する。
@Component({
// コンポーネントの適用先を表すセレクター式
selector: 'my-app',
// コンポーネントに適するビュー(テンプレート)
// TypeScriptの構文:バッククォートでくくると複数行にまたがる文字列を1つの文字列リテラルとして表現できるようになる
// templateパラメーターで、簡易的にテンプレートを定義できる。
// 複雑であれば、templateUrlパラメーターを使う
// template: `<h1>{{title}}</h1>
// <p class="main">{{contents}}</p>`,
// templateパラメーターで指定するurlは、アプリケーションルートからのパスを指定する
templateUrl: 'app/app.component.html'
})
// コンポーネントクラスを準備
// exportキーワードは「外部に公開する」という意味
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment