【AngularJS】Directiveのscopeプロパティを理解する - フロントエンドとコーヒー
最近AngularJSを触るようになって。一番最初に詰まったのがControllerとDirectiveの関係性でした。 今回はそこで必要になってくるDirectiveのscopeプロパティについてメモ。 scopeプロパティがfalseの時 HTML <div ng-controller="MyCtrl"> <div>Controller: {{ test }}</div> <my-directive></my-directive> </div> JavaScript function myDirective(){ return { scope: false, template: '<div>Directive: {{ test }}</div>', link: function(scope){ scope.test = 'test!!!!'; } } } angular.module(
ここらでDirective Scopeの@=&をまとめておきたいと思う - Qiita
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Sample</title> </head> <body ng-app="myApp"> <div ng-controller="SampleCtrlA"> <dir-a my-arr="arr"><span ng-repeat="a in arr">{{a}},</span></dir-a> </div> <div ng-controller="SampleCtrlB"> <dir-b my-arr="arr"><span ng-repeat="a in arr">{{a}},</span></dir-b> </div> <div ng-controller="SampleCtrlC"> <dir-c my-arr="arr"><span ng-re
Angular JS で複数のコントローラ間でモデル（状態や値）を共有する方法 3 種類 - Qiita
はじめに Angular JS で複数のコントローラ間でモデル（状態や値）を共有する方法として、次の 3 種類を解説します。 モデルを共有するサービスを使用する (Shared Service)。 親コントローラのスコープを子コントローラで共有する (Parent Scope Sharing)。 イベントを利用する (Pub/Sub)。 Shared Service 複数のコントローラ間で共有するモデルをサービスとして作成し、そのサービスを複数のコントローラで参照します。 実装例を示します。 <!DOCTYPE HTML> <html ng-app="AngularJsStudy"> <head> <title>Shared State Service - AngularJS Study</title> <meta charset="utf-8" /> <meta http-equiv="
AngularJSカスタムディレクティブのスコープ設定方法 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
サンプルコードを使ってAngularJSカスタムディレクティブのスコープ設定方法を確認し、まとめました。 デモとコードサンプルはこちら。 ※目次をクリックすると目次の下部にコンテンツが表示されます。 １．親スコープと共有（デフォルト） scope: false ２．子スコープ scope: true ３．隔離スコープ scope属性を明示的に指定していない場合のデフォルトは scope: false で、カスタムディレクティブは親（このサンプルコードでは”scopeCtrl”コントローラ）のスコープを使用し、自由に更新することも出来ます。 $scope.nameは親のコントローラ内で初期値を設定していますが、ディレクティブ内で設定したng-modelによって親で定義した$scope.nameを更新する事が出来ます。 （コントローラ） $scope.name = “カメラ”; （ディレクティ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
