【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
AngularJSカスタムディレクティブのスコープ設定方法 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで
サンプルコードを使ってAngularJSカスタムディレクティブのスコープ設定方法を確認し、まとめました。 デモとコードサンプルはこちら。 ※目次をクリックすると目次の下部にコンテンツが表示されます。 １．親スコープと共有（デフォルト） scope: false ２．子スコープ scope: true ３．隔離スコープ scope属性を明示的に指定していない場合のデフォルトは scope: false で、カスタムディレクティブは親（このサンプルコードでは”scopeCtrl”コントローラ）のスコープを使用し、自由に更新することも出来ます。 $scope.nameは親のコントローラ内で初期値を設定していますが、ディレクティブ内で設定したng-modelによって親で定義した$scope.nameを更新する事が出来ます。 （コントローラ） $scope.name = “カメラ”; （ディレクティ
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や{{...}}等、様
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
