Weitere ähnliche Inhalte
Mehr von pinmarch_t Tada (7)
Angularを使ってみる実例いくつか (2015/4/29 GDGKobe)
- 2. ただ さとし
Twitter : @pinmarch_t
Bioinformatics関係の仕事しています
(Perl, R, RStudio, etc.)
日常(業務)では(まだ)jQuery使ってます
- 15. DOM操作
(ng-bind, ng-view, ng-if, ng-repeat …)
イベント
(ng-click, ng-mouseenter, ng-focus …)
Form
(ng-model, input[], ng-list, ng-options, ng-disabled …)
その他
(ng-app, ng-init, ng-include, ng-model-options …)
カスタムディレクティブ(のちほど)
- 18. グラフのオプションなど
Flotr2が描画する対象要素
Flotr2グラフ描画メソッド
Controllerの定義
“$scope”を引数で受ける関数
change_inputsequence イベント用関数
※モジュールの取得をする場合、
後で読み込む側のjsでは引数を
angular.module(‘app’, []) ではなく
angular.module(‘app’)とすること
- 19. 追加
ディレクティブの定義
restrict : ‘E’で要素に限定
template : 置き換える中身のテキスト
Before
After
app.js
index.html
HTML5仕様ではカスタム属性名には
“data-”、カスタム要素名には”x-”を
接頭辞として付与できる。
ディレクティブの名前にmyDirective
(camel case)とすると、HTML上では
my-directive/my_directive/data-my-
directive/x:my-directiveのようになる。
- 20. favico.js … ファビコンを変えられる。
サンプルがある
http://lab.ejci.net/favico.js/example-angular/#/