Angular TIPS 【最新v4対応】 - 処理対象別インデックス

人気のJavaScriptフレームワーク「Angular」(v2/v4以降対応)の基本機能を目的別リファレンスの形式でまとめる連載の処理対象別インデックス。

  • このエントリーをはてなブックマークに追加
 2017年9月11日 更新 

【対応バージョン】
 Angular v2/v4以降対応のTIPSです。
 AngularJS v1に関しては「AngularJS TIPS」を参照してください。

処理対象別インデックス  API別インデックス  日付順インデックス

新着TIPS(3本)

~ コンテンツは順次拡充しています ~
more...

 

処理対象別インデックス

基本 “HelloWorld”AzureCLImain.tsPIPEQuickStartテンプレートテンプレート構文ライブラリインストールルートコンポーネントルートモジュール設定ファイル

Azure CLI コマンド実行設定ファイル

テンプレート構文 AttributeBindingEventBindingPropertyBindingステートメントコンテキストテンプレート参照変数バインディング構文双方向バインディング

テンプレート構文 > ステートメントコンテキスト $event

テンプレート構文 > テンプレート参照変数 #変数名

テンプレート構文 > バインディング構文 (イベント名)="テンプレートステートメント"[(ngModel)]="プロパティ名"[attr.属性名]="式"[プロパティ名]="式"{{プロパティ名}}bind-プロパティ名="式"on-イベント名="テンプレートステートメント"

基本

“HelloWorld”

AzureCLI

main.ts

PIPE

QuickStart

テンプレート

テンプレート構文

ライブラリインストール

ルートコンポーネント

ルートモジュール

設定ファイル

【インデックス一覧に戻る】

 

Azure CLI

コマンド実行

設定ファイル

【インデックス一覧に戻る】

 

テンプレート構文

AttributeBinding

EventBinding

PropertyBinding

ステートメントコンテキスト

テンプレート参照変数

バインディング構文

双方向バインディング

【インデックス一覧に戻る】

 

テンプレート構文 > ステートメントコンテキスト

$event

【インデックス一覧に戻る】

 

テンプレート構文 > テンプレート参照変数

#変数名

【インデックス一覧に戻る】

 

テンプレート構文 > バインディング構文

(イベント名)="テンプレートステートメント"

[(ngModel)]="プロパティ名"

[attr.属性名]="式"

[プロパティ名]="式"

{{プロパティ名}}

bind-プロパティ名="式"

on-イベント名="テンプレートステートメント"

【インデックス一覧に戻る】

 

サイトからのお知らせ

Twitterでつぶやこう!


Build Insider賛同企業・団体

Build Insiderは、以下の企業・団体の支援を受けて活動しています(募集概要)。

ゴールドレベル

  • 日本マイクロソフト株式会社
  • グレープシティ株式会社