タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

AngularJSとangularjsとcontrollerに関するinforhateのブックマーク (6)

  • コントローラーについて | 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】一覧・詳細画面ごとのコントローラー間でデータ共有しているサンプル【Monaca】【Onsen UI】
  • AngularJSのcontrollerAs使い方まとめ | QUARTETCOM TECH BLOG

    最初に AngularJSを使い始めて1年半、ここ最近ではまったのがスコープ継承による値の問題でした。 (【AngularJS】スコープの継承で地味にハマりがちなこと で丁寧に解説されています) そんな時にcontrollerAsを使うと値の問題から解放されるよ、と教えてもらいました。 controllerAsの使い方と既存コードに導入する方法を調べているうちに、自分が書いていたコードでスコープの使い方が間違っていたことも浮き彫りになりました。 この記事ではそんな問題点を解消しつつcontrollerAsを使う方法について紹介したいと思います。 スコープの使い方の何が間違っていたか 問題のあるコード // controller .controller('MainCtrl', ['$scope', function ($scope) { $scope.list = [{id:1}, {id:

    AngularJSのcontrollerAs使い方まとめ | QUARTETCOM TECH BLOG
  • 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 の service についてのまとめ - ボクココ
  • 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