angularjs(13)

13follower
nbeppu さんのアバター 45views

Angular JS でHTMLを紐づける方法

ng-bind-html を利用することにより、HTMLをそのまま表示することができます。ここで ngSanitize モジュールを挟むと危険なScriptを無害化できます。 <!DOCTYPE html> <html ... 2016年2月25日
goto_jp さんのアバター 2,583views

AngularJS:セレクトボックスを出力する

サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/rcFvI サンプル内の3つのパターンについて紹介します。 セレクトボックスを出力する <select ng-model="us... 2014年4月30日
goto_jp さんのアバター 1,499views

AngularJS:文字長バリデートチェックのサンプル

サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/dHBnp HTML <script src="//ajax.googleapis.com/ajax/libs/angularjs... 2014年4月30日
goto_jp さんのアバター 357views

AngularJS:URLのバリデートチェック

サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/pBbcm HTML <script src="//ajax.googleapis.com/ajax/libs/angularjs... 2014年4月28日
goto_jp さんのアバター 630views

AngularJS:メールのバリデートチェック

サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/LAxmt HTML <script src="//ajax.googleapis.com/ajax/libs/angularjs... 2014年4月28日
goto_jp さんのアバター 839views

AngularJS:フォームのバリデートとエラー表示

サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/oFqep 前回つくったフォームをもとにバリデート処理を加えました。 HTML <script src="//ajax.goog... 2014年4月25日
goto_jp さんのアバター 1,078views

AngularJS:フォームの基本

サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/IBvtr HTML <script src="//ajax.googleapis.com/ajax/libs/angularjs... 2014年4月25日
goto_jp さんのアバター 1,500views

AngularJS:コントローラーのネストとクリックイベント

サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/dHzye HTML <div ng-app> <div ng-controller="jojos"&g... 2014年4月24日
goto_jp さんのアバター 436views

AngularJS:検索フィルター

サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/nyDJr 前回紹介したrepeatのフィルター機能ですが、インプットフィールドと結びつけるだけでその値を検索対象にできます。 HTML <... 2014年4月24日
goto_jp さんのアバター 1,105views

AngularJS:repeatのフィルター

サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/bfuzv 前回紹介したrepeatにオプションの値を加えることで表示を制御できます。 件数の制御「limitTo」 <table>... 2014年4月23日
goto_jp さんのアバター 439views

AngularJS:コントローラーとrepeatの基礎

サンプルはこちら。http://codepen.io/KazuyoshiGoto/pen/KpbAj JavaScript function jojos($scope){ $scope.jojos = [ {'... 2014年4月23日
goto_jp さんのアバター 587views

AngularJS:フィールド値の表示

サンプルはこちら。http://jsdo.it/goto_jp/kMdM HTML <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular... 2014年4月22日
goto_jp さんのアバター 738views

AngularJS:はじめ方

前々から楽だ楽だと言われ気になっていた「AngularJS」に触れてみたら本当に楽っぽいので自分も勉強と平行してメモしたく思います。 「AngularJS」とはGoogleとそのコミュニティで開発されているOSSのJSフレームワークで、利... 2014年4月22日