[AngularJS]$timeoutを使ってカウントアップ。 | fine:der.
Ajaxによるデータベースとの連携が増えてきた昨今、非同期連携は欠かせません。 setTimeoutという関数がJavascriptにはありますが、同様のものがAngularJSにもあります。 それを使って、１秒置きにカウントアップするプログラムを書いてみました。 JSFIDDLEのソースはこちら <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script> <script> function MyCtrl($scope,$timeout) { //読み込み時の初期値設定 $scope.testnum=0; $scope.updateValue = function(){ $timeout(function(){ $scope.testn
[AngularJS]filterでnullを評価する | fine:der.
先日の記事でAngularJSのfilter機能について紹介しましたが、 その中で「filter」というfilter（わかりにくい)がけっこう便利で、簡易な検索機能が簡単にできる代物です。 まずは公式のＡＰＩリファレンスを見てみてください。 これを使ってみると、「特定の項目だけのフィルターをかけたい」とか、「否定の条件でフィルターをかけたい」とか、「nullの項目を表示したい」とか思うはずです。 それについてサンプルを作ってみたので、紹介します。 動作サンプルはこちら 不等号演算子は’!’ けっこう詰まったのですがFilterで「項目!=検索値」に該当するものだけを取得するには、検索値の前に’!'を付けます。 ここで注意なのは’!’は検索値の文字列として入力しないといけません。 ○ ⇒< friend in friends |filter:検索項目='!検索値'> ○ ⇒< frien
[AngularJS]URLを自動的にリンクにする。 | fine:der.
URLが入力されたら、自動的にリンクにする機能は実装したいですよね。 じゃぁ、勉強ついでにfilterかdirective作ってみようか。。。。。 と、思ったら、 普通にAngularJSの公式にあった！ linky (filter in module ngSanitize ) すごいぜAngularJS開発チーム。 Sanitizeモジュール これは「Sanitize」というAngularJSの本体とは別モジュールの中にある機能です。 AngularJSのパッケージをダウンロードすると、「angular-sanitize.js」というスクリプトファイルも入っているので、それをインポートしてください。 モジュールには「ng-app=ngSanitiz」と設定します。 <html ng-app="ngSanitize"> もし、今実装しているモジュールに組み込む場合は、「app.js」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[AngularJS]directiveを作ってみる。 | fine:der.
