angularjs(13)

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

Angular JS でHTMLを紐づける方法

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

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

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

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

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

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

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

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

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

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

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

AngularJS:フォームの基本

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

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

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

AngularJS:検索フィルター

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

AngularJS:repeatのフィルター

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

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

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

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 さんのアバター 732views

AngularJS:はじめ方

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