Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

angularjs

AngularJS1.x その0016 ng-bindとng-bind-htmlを使ってみる

参考にさせて頂いたページ 使用例について AngularJS: モデルをビューにバインドするには?(ng-bind/ng-cloak) - Build Insider AngularJS: ビューにHTML文書をバインドするには?(ng-bind-html) - Build Insider angular-sanitizeのインストールにつ…

AngularJS1.x その0015 angularUtilsのpaginationを使ってみる

参考にさせて頂いたページ 公式のgithubのページです。 angularUtils/src/directives/pagination at master · michaelbromley/angularUtils · GitHub bowerかnpmでダウンロードして、プロジェクトに配置する npmでダウンロードした内の以下のファイルを任意…

さくらvpsとcakephp2.6.7で開発日記 その0019 AngularJS1.xを使用してAjaxでテーブルデータを取得する

参考にさせて頂いたページ $httpサービスについて $http | AngularJS 1.2 日本語リファレンス | js STUDIO コントローラーの書き方について jQueryとAngularJSにおけるAjaxの微妙な違い | ゆっくりと… AngularJSでリクエストを送信すると$this->request->is(…

AngularJS1.x その0014 DI(依存性注入)コンテナー機能を使う

参考にさせて頂いたページ AngularJSの依存性注入を利用するには? - Build Insider AngularJSのDIの仕組み、minify対策は覚えておこう! - Qiita 依存性注入(DI) | AngularJS 1.2 日本語リファレンス | js STUDIO DIを使用しない記述 これまではcontroller…

AngularJS1.x その0013 標準モジュール

参考にさせて頂いたページ AngularJSでモジュールを定義するには? - Build Insider 標準モジュール 自分で作成するモジュールの他に標準で用意された以下のようなモジュールがあるようです。 ng ngAnimate ngAria ngCookies ngMessages ngMock ngMockE2E ng…

AngularJS1.x その0012 モジュールの作成とその構成部品に何があるのか見てみる

参考にさせて頂いたページ AngularJSでモジュールを定義するには? - Build Insider モジュールの構成部品としてcontrollerを登録する controllerだけは以前やった。 AngularJS1.x その0004 myAppモジュールを作成して、その構成部品のcontrollerとしてSampl…

AngularJS1.x その0011 タグを自作する(Custom Elementsを作成する) templateとng-transclude

参考にさせて頂いたページ Angular.jsについて AngularJSカスタムディレクティブのtranscludeオプション、ng-transcludeディレクティブの使用例 | VPSサーバーでWebサイト公開 備忘録 ~Linux、MySQLからAJAXまで AngularJS Directive なんてこわくない(その…

AngularJS1.x その0010 Controller自身のDOMを選択したり、その他のプロパティを取得する

参考にさせて頂いたページ javascript - How do i get current scope dom-element in AngularJS controller? - Stack Overflow ng-app.jsの記述内容 例として以下の通り。 // myAppモジュールを作成 var app = angular.module('myApp', []); // myAppモジュ…

AngularJS1.x その0009 イベントリスニングの開始と任意のタイミングでイベントを発生させる方法 $on, $emit, $broadcast

参考にさせて頂いたページ 【AngularJS】 $on, $emit, $broadcast | COTeggのバケツ ng-app.jsの記述内容 例として以下の通り。 // myAppモジュールを作成 var app = angular.module('myApp', []); // myAppモジュールにParentCtrlコントローラーを登録 app.…

AngularJS1.x その0008 コントローラーを入れ子にして、親子関係を作る

参考にさせて頂いたページ AngularJSのControllerをネストしたときのスコープ - hokaccha.hamalog v2 ng-app.jsの記述内容 例として以下の通り。 // myAppモジュールを作成 var app = angular.module('myApp', []); // myAppモジュールにParentCtrlコントロ…

AngularJS1.x その0007 a要素をクリックしたときに遷移させないようにする

参考にさせていただいたページ AngularJS ng-click で preventDefault したい - Blogaomu ng-app.jsの記述内容 例として以下の通り。 // myAppモジュールを作成 var app = angular.module('myApp', []); // myAppモジュールにSampleCtrlコントローラーを登録…

AngularJS1.x その0006 クリックイベントが発生した要素の$eventオブジェクトの取得

参考にさせて頂いたページ AngularJSのDOMイベント処理と注意すべきディレクティブを知り、HTMLテンプレートを使いこなそう (1/3):CodeZine(コードジン) ng-app.jsの記述内容 例として以下の通り。 // myAppモジュールを作成 var app = angular.module('m…

AngularJS1.x その0005 Controller as構文を使う

参考にさせて頂いたページ AngularJSの$scopeをController as で置き換えるべき理由 - Qiita ng-app.jsの記述内容 // myAppモジュールを作成 var app = angular.module('myApp', []); // myAppモジュールにSampleCtrlコントローラーを登録 app.controller('S…

AngularJS1.x その0004 myAppモジュールを作成して、その構成部品のcontrollerとしてSampleCtrlを登録して使う

参考にさせて頂いたページ AngularJSでモジュールを定義するには? - Build Insider 今回やること AngularJS1.x その0002 ng-controllerを使う - MOTOMICHI WORKS BLOG の記事おいて非推奨な記述とされていた記述のまま、 AngularJS1.x その0003 ng-clickデ…

AngularJS1.x その0003 ng-clickディレクティブ

参考にさせて頂いたページ AngularJS AngularJS: イベントリスナーを登録するには?(ng-clickなど) - Build Insider index.htmlの作成とその記述内容 例として以下の通り。 <div ng-controller="SampleCtrl"> <input type="text" ng-model="name" /> <button ng-click="onclick()">送信</button> <div>{{msg}}</div> </div> ng-app.jsの作成とその記述内容 例として以下の通り。 var Samp…

AngularJS1.x その0002 ng-controllerを使う

参考にさせて頂いたページ コントローラーについて | AngularJS 1.2 日本語リファレンス | js STUDIO AngularJS TIPS - Build Insider Controllerの役割 参考にさせて頂いたページによると コントローラーは下記のようなことをするのに使用されます。 ・ $sc…

AngularJS1.x その0001 バインディングしてみる

参考にさせて頂いたページ 公式ドキュメント(英語) AngularJS — Superheroic JavaScript MVW Framework とりあえず一通り勉強するのに良さそう AngularJS TIPS - Build Insider js STUDIO のAngular1.2日本語ドキュメント AngularJS 1.2 日本語リファレンス …