タグ

AngularJSに関するmassiromoheのブックマーク (4)

  • AngularJSのDirectiveを理解する. - Qiita

    はじめに ディレクティブは、AngularJSにおいて、ViewとModelの双方向バインドを実現するための根幹的な仕組みである。 ディレクティブは、開発者から見ると、Templateの要素・属性として現れる。 例えば、テキストボックスの入力値とscope.nameを紐付ける場合、Angularではhtmlに下記を記述するだけで、ユーザの入力値がscopeへ即時反映される。 上記コードの"ng-model"はAngularにデフォルトで組み込まれたディレクティブである。 もちろん、htmlの文法上は、ng-modelという名称の属性はinputタグには存在しない。Angularが独自にng-model属性を解釈して、双方向バインディングの機能を実現しているのである(Angularでは、これを「html文法の拡張」と呼んでいる)。 ディレクティブには、ng-repeatや{{...}}等、様

    AngularJSのDirectiveを理解する. - Qiita
  • AngularJSのControllerとScopeの基礎を学ぼう

    連載企画「AngularJS徹底解説」の第3回目は、ControllerとScopeの基礎について解説していきます。 AngularJS は MVW(hatever)!!! AngularJSはMVC(Model-View-Controller)フレームワークと呼ばれることが多いですが、一部の開発者からは MVVM(Model-View-ViewModel)である、という声もあがっていて、ある時期に「一体どっちなんだ!?」という状態になりました。 そこで、そういった経緯に対してAngularJSチームが、そこについての議論は筋ではないとして、AngularJSはMVW(Model-View-Whatever)である、と明言しています。 今回解説するControllerは、このWhateverの役割にあたる機能です。実際に「Whatever = 何でもいい」とはいっても、”Controll

    AngularJSのControllerとScopeの基礎を学ぼう
  • AngularJSのjqLiteの使い方と3つの注意点

    以下のように要素をangular.element()に入れてjqLiteのメソッドを使用する。 var foo = document.getElementById('foo'); var fooElem = angular.element(foo); fooElem.addClass('bar'); ただし、通常のjQueryとは使い方が異なるため以下の3つの点に注意が必要だ。 使用できるメソッドが少ない jqLiteで使用できるメソッドはバージョン1.4の時点では以下の35種類しかない。 addClass() after() append() attr() bind() children() clone() contents() css() data() detach() empty() eq() find() hasClass() html() next() on() off() on

    AngularJSのjqLiteの使い方と3つの注意点
  • Angularリンク集 - albatrosary's blog

    Angularの資料で何か良いものは?」と聞かれることが多くなってきましたので、そしてAngular資料探しの手間を省くためにも、いつも使っているサイトリンクをまとめます。良い資料があったらこのブログを更新します。読む目安が欲しいというお話がありましたので「★」を付けます。「★」の付いてないものは必要に応じて目を通すと良いのではと思います(あくまでも目安です)。 ★ : まず読みましょう ★★ : 少し慣れたら読もう ★★★ :仕事で使うよ 学習順は YEOMANでAngularをインストールし触りながら Angular家を見つつ Angular Style GuideやNinjaで理解を深める でしょうか(学び方は人それぞれですので)。何れにしても手を動かすのが最良です。 Angular 2 Angular is a development platform for building

    Angularリンク集 - albatrosary's blog
  • 1