AngularJSアプリケーション開発ガイド 第3章 AngularJSアプリケーションの開発

開発ツール(IDE) WebStormがおすすめ(PhpStormはWebStormを内蔵しているので、PHP開発者はPhpStormにするとお得)。 コード補完、構文エラー等の表示、ライブラリ・フレームワーク対応、デバ …

AngularJSアプリケーション開発ガイド 第2章 AngularJSアプリケーションの構造 その4

フィルタを使ったデータ形式の指定 フィルタを使うと、テンプレートの中で表示されるデータの表示形式を指定できる。フィルタの構文は次のとおり。 {{ expression | filterName.parameter1:.. …

『AngularJSアプリケーション開発ガイド』第2章のサンプルコードの問題点と直し方

一言でいうと 動かない時はオライリーのサイトからサンプルコードを落として読もう 詳細な説明 本書の第2章第6節「ルートと$locationに応じたビューの切り替え」では、AngularJSのルーティング機能を利用していま …

AngularJSアプリケーション開発ガイド 第2章 AngularJSアプリケーションの構造 その2

CSSのクラスとスタイル ng-class・ng-styleで、条件に応じたCSSを適用できる。Angular式が以下のようになる必要がある。 クラス名を指定した文字列 クラス名の配列 クラス名と真偽値を対応付ける連想配 …

AngularJSアプリケーション開発ガイド 第6章 ディレクティブ

※1つ前の記事が第2章の途中なので順番前後しますが、業務でカスタムディレクティブの作成が必要になったので、第6章 ディレクティブを先に読みます。 ディレクティブとHTMLの構文規則 AngularJSでは、以下の記法でデ …