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

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

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

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

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

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

新着TIPS(3本)

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

 

処理対象別インデックス

基本 “HelloWorld”AngularCLImain.tsPIPEQuickStartコンポーネントサービスセキュリティディレクティブテンプレートテンプレート構文ライブラリインストールルートコンポーネントルートモジュール構造ディレクティブ設定ファイル

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

サービス Title

セキュリティ 安全な値の信頼

テンプレート構文 ?.演算子{{...}}式AttributeBindingClassBindingEventBindingInterpolationPropertyBindingStyleBindingステートメントコンテキストテンプレート参照変数バインディング構文双方向バインディング

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

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

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

テンプレート構文 > ビルトイン構造ディレクティブ NgForNgIf

テンプレート構文 > ビルトイン構造ディレクティブ > NgFor *ngForマイクロシンタックス

構造ディレクティブ <ng-container><ng-template>マイクロシンタックス

基本

“HelloWorld”

AngularCLI

main.ts

PIPE

QuickStart

コンポーネント

サービス

セキュリティ

ディレクティブ

テンプレート

テンプレート構文

ライブラリインストール

ルートコンポーネント

ルートモジュール

構造ディレクティブ

設定ファイル

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

 

Angular CLI

コマンド実行

設定ファイル

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

 

サービス

Title

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

 

セキュリティ

安全な値の信頼

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

 

テンプレート構文

?.演算子

{{...}}式

AttributeBinding

ClassBinding

EventBinding

Interpolation

PropertyBinding

StyleBinding

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

テンプレート参照変数

バインディング構文

双方向バインディング

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

 

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

$event

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

 

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

#変数名

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

 

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

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

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

[attr.属性名]="式"

[class.スタイルクラス名]="式"

[style.スタイルプロパティ名.単位]="式"

[style.スタイルプロパティ名]="式"

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

{{プロパティ名}}

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

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

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

 

テンプレート構文 > ビルトイン構造ディレクティブ

NgFor

NgIf

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

 

テンプレート構文 > ビルトイン構造ディレクティブ > NgFor

*ngForマイクロシンタックス

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

 

構造ディレクティブ

<ng-container>

<ng-template>

マイクロシンタックス

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

 

サイトからのお知らせ

Twitterでつぶやこう!