コントローラーについて | AngularJS 1.2 日本語リファレンス | js STUDIO
コントローラーの理解 $scopeオブジェクトの初期状態のセットアップ スコープオブジェクトへの振る舞いの追加 正しいコントローラーの使用方法 Angularのスコープオブジェクトとコントローラーの関連性について コントローラーの理解 Angularでは、コントローラーはAngularのスコープを引数として使用するJavaScriptのコンストラクタ関数です。 ng-controllerディレクティブを介して、コントローラーがDOM要素に割り当てられると、 Angularは指定されたコントローラーのコンストラクタ関数を使用して、新しいコントローラーオブジェクトをインスタンス化します。 新しい子スコープは、$scopeとしてコントローラーのコンストラクタ関数へ注入されることで、引数として利用可能になります。 コントローラーは下記のようなことをするのに使用されます。 $scopeオブジェクトの
【AngularJS】一覧・詳細画面ごとのコントローラー間でデータ共有しているサンプル【Monaca】【Onsen UI】
【AngularJS】一覧・詳細画面ごとのコントローラー間でデータ共有しているサンプル【Monaca】【Onsen UI】 【AngularJS 】ページにバインドした $scope を別のコントローラと共有・同期したい【Monaca 】【Onsen UI】 | oki2a24 の続編となります 今まで、Monaca に Onsen UI を組み込んで AngularJS を駆使して次の 2 つのデータ共有方法を学習してまいりました♪ レベル1. 同じページに複数のコントローラー レベル2. 異なるページに複数のコントローラー そして、次の点を学びました。 ファクトリーオブジェクトは 1 つのみ存在する。 $scope はファクトリーの参照である。 ファクトリーまたは $scope のどちらのプロパティの値を変更しても、すべてのコントローラーのデータが即時で同期される ファクトリーまたは
AngularJSでUI-router(routeProvider)を使うとcontrollerが複数回呼ばれる - まめーじぇんと@Tech
AngularJSでUI-routerとディレクティブを使って実装しているとき、 controllerが複数回呼ばれてしまう問題が発生し、 その原因が分かったのでメモ＆シェア。 ※気づいてしまえば簡単な問題でしたが。。 結論から言うと、 "UI-routerでのRouting部分とディレクティブの定義部分で両方でControllerを使うと、 それぞれで呼び出されてしまう" でした。 いろいろな人が書いているサンプルコードを見ると、 UI-routerでのRouting部分にcontrollerの定義を書いていたため、 UI-router(もしくはrouteProvider)を使う際は必ず書かないといけないのだろう、 と思っていたのが間違いでした。 UI-routerを使っても、静的なページなどでcontrollerを使わないページであれば、 UI-routerのRoutingをする部分に
AngularJSのcontrollerAs使い方まとめ | QUARTETCOM TECH BLOG
最初に AngularJSを使い始めて１年半、ここ最近ではまったのがスコープ継承による値の問題でした。 （【AngularJS】スコープの継承で地味にハマりがちなこと で丁寧に解説されています） そんな時にcontrollerAsを使うと値の問題から解放されるよ、と教えてもらいました。 controllerAsの使い方と既存コードに導入する方法を調べているうちに、自分が書いていたコードでスコープの使い方が間違っていたことも浮き彫りになりました。 この記事ではそんな問題点を解消しつつcontrollerAsを使う方法について紹介したいと思います。 スコープの使い方の何が間違っていたか 問題のあるコード // controller .controller('MainCtrl', ['$scope', function ($scope) { $scope.list = [{id:1}, {id:
AngularJSでコントローラーを定義するには？
AngularJSアプリの最も基本的な構成要素である「コントローラー」の基礎として、コントローラー経由でスコープを準備し、テンプレートに反映させる方法を説明する。 ← 前回 連載 INDEX 次回 → AngularJSアプリの重要な構成要素として、コントローラーとスコープがあります。 スコープ（$scope）とは、テンプレート（HTML）とJavaScriptによるモデルとを橋渡しするためのオブジェクト。AngularJSの世界では、テンプレートで利用する値や挙動*1はスコープを介して引き渡すのが、まず基本です。 そして、コントローラーとは、このスコープを準備するための仕組みです。その性質上、コントローラーはAngularJSアプリの最も基本的な構成要素といってもよいでしょう。 本稿では、コントローラー経由でスコープを準備し、テンプレートに反映させる例を見ていきます。
AngularJS の service についてのまとめ - ボクココ
最初AngularJSってscopeがすごい便利だな〜！って思って使っていたが、 Controllerを作っていくと次第に同じような処理を色々と書いている自分に気づいた。 そこでAngularJSの提供するServiceについて学習したことのまとめを書く。ちなみに参考文献は以下 市販されているAngularJSに関してで一番詳しく書いてある本だと思う。 今のところ日本語版は出てないので、あとはDocumentを読むくらいしかない。 Service を作る factory と provider の違い Serviceを作るにはserviceというそのまんまのメソッドが提供されているが、これは自分で一からクラスを作らないといけなかったりで割と使いにくい。 AngularJSではfactoryとproviderの2つがよく使われるそうだ。 結論から言うとまずは「標準ではfactory, 細かな初
AngularJSカスタムディレクティブのcontroller関数とrequire: Angular、Bootstrapなどの学習備忘録
カスタムディレクティブのcontroller関数とrequire属性について確認しました。下記サイトを参考にしました。 http://www.sitepoint.com/practical-guide-angularjs-directives-part-two/ ●controller関数 ・controllerはプレリンキング前に初期化される。 ・他のディレクティブと共有できる。 これによってディレクティブ間で情報のやり取りができ、豊富な振る舞いを利用できる。 ●require ・他のディレクティブとrequireし、そのコントローラを4つの引数とリンク関数にインジェクトする。 ●サンプルコード http://plnkr.co/edit/NMWGE6l9p1tBZh3jCfKn?p=preview ・'innerDirective'のrequire: '^outerDirective'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
