サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
ドラクエ3
angularjsninja.com
已通过安全加密检测 如果没有自动跳转,请点击下方按钮前往 点击进入购彩中心360安全卫士提供技术支持 Copyright ? 1998 -2020. All Rights Reserved.
秒 点击进入购彩中心
已通过安全加密检测 如果没有自动跳转,请点击下方按钮前往 点击进入购彩中心360安全卫士提供技术支持 Copyright © 1998 -2020. All Rights Reserved.
この週末、オリンピックを見ながら日本人が出てくるまでヒマだったりしたので、ふとモバイルチャットでも作ってみるかと思い立ってダラダラとやってみました。 数時間しかかけてないので「ザ・未完成」なデキですが、サクッとリアルタイムなモバイルチャットアプリケーションを作れてしまうのは、なんともラクチンで楽しい。 利用した技術 AngularJS Ionic Firebase Ionic についてはこれまでにブログで、書いてないや…。Firebase についてはずいぶん前に。 モバイルチャットアプリ リアルタイム処理は Firebase まかせ。見た目は Ionic ベースで少し CSS をいじった程度。認証はとりあえず付けなかったので、サムネイルには AngularJS Ninja のをずっと出しちゃってます。 iPhone や Android から、以下のアドレスを表示して試していただくのがオスス
Bootstrap のボタン Bootstrap ベースのボタンにng-clickを記述する(form を submit しない)コードは、主に以下の 2 通りある。 1 2 <button type="button" class="btn" ng-click="handleClick()">Done</button> <a href="#" class="btn" ng-click="handleClick()">Done</a> どちらでも見た目は同じになるし、イベント処理はng-clickがやってくれるし、<a>のほうがコードは短くなるしって感じで、どっちも一緒なんだし<a>にしとこってノリでやってると、disabled のワナにハマるかも。 aタグの場合、ng-disabled で非活性にできるのは見た目だけ ボタンを非活性にするための AngularJS 標準 directive
テキストボックスなどで、Enter キーによるイベント処理を記述するコード例をいくつか。 $event オブジェクト ng-keydownなどの directive を利用する際には、$eventでイベントオブジェクトを利用。 1 2 3 4 5 6 7 $scope.comments = []; $scope.handleKeydown = function(e) { if (e.which !== 13) { $scope.comments.push($scope.newComment); $scope.newComment = ''; } } 1 2 3 4 <input type="text" ng-model="newComment" ng-keydown="handleKeydown($event)"> <ul> <li ng-repeat="comment in commen
ng-conf 2014 – The World’s First Angular Conference in Salt Lake City, Utah Angular カンファレンス ng-conf 2014 が、アメリカはユタ州ソルトレイクシティで開催中です。 YouTube の ng-conf 2014 チャンネル のほうに動画はまとめてアップロードされていますが、このエントリーでは当日(Thursday, January 16)のスケジュールどおりに並べています。最終日(Friday, January 17)の動画は次のエントリーで。 Keynote Miško Hevery & Brad Green AngularJS in 20-ish Minutes Dan Wahlin Writing a Massive Angular App The Google Double Click
2015 Mar 9 AngularJS, ng-conf Angular カンファレンス(ng-conf 2015)のスライドまとめ 2014 Dec 16 AngularJS Angular 1.4.0 は 2015 年の春にリリース Oct 28 AngularJS, ng-europe …
データバインドが効かない?! AngualrJS を使っていて楽しいのは超ラクチンなデータバインド。なのに、そのデータバインドで以下のような困ったことに遭遇しているとしたら、それは $apply を学ぶときが来ているということ。 データバインドが効かないぞ?! データの反映が次のイベントまで遅れてる気がする?? こういうときは $apply の出番だ。$apply を使う必要があるケースというのは、ざくっと言うと AngularJS が知りえないところでイベントが起こっているとき。$apply で AngularJS に変化が起きていることを伝え、後のことは任せることができる。 $apply が必要ないケース 整合性を維持するための dirty checking($watch)処理は、$digest ループ(サイクル)でまとめて実行される。この $digest ループが始まるきっかけは、『
Mastering Web Application Development with AngularJS 『Mastering Web Application Development with AngularJS | Packt Publishing』が、Packt Publishing のサイトで年明け 1 月 3 日までたったの $ 5.00 で販売中! ちなみに Amazon では ¥ 1,854(2013/12/20 現在)で販売中。 『Mastering Web Application Development with AngularJS』は洋書だけど、AngularJS やるならこれだけは読んどけっていう、ほんとによく書かれてる本。めっちゃ勉強になってます。 これまでに読んだ AngularJS の本として比較できるのは O’Reilly の『AngularJS』と、Manni
AngularJSのデータバインドを支える$watch で見たように、$watch ではオブジェクトの参照を監視するか、またはオブジェクトの中身まですべて監視(deep watch)するかを切り替えることができる。 その 2 種類の $watch の中間に位置付けられる $watchCollection というのもあり、1 階層分だけを監視(shallow watch)してくれる。 配列の場合 配列の場合に $watch、$watchCollection、および $watch (deep watch) がそれぞれどのように異なるのかを見ていく。
AngularJS 1.3 についての記事『AngularJS 1.3: a new release approaches』が公式ブログのほうに上がりました。 日本でのエンタープライズ(業務系)なんかでは、まだまだ IE 8 は当たり前のようにサポート対象のブラウザになっているところが多いと思うので、ちょっと大きなニュースですね。 なお、AngularJS 1.2.x 以前を IE 8 で動作させるには、過去記事『AngularJS を古い IE に対応させるには』をご参照ください。 AngularJS 1.3 は IE 8 をサポートしない サポートをやめる理由としては、IE 8 で動作させるためのコードのせいで性能に悪影響があるし、すでに IE 8 ユーザは全体の数パーセント程度だし、Microsoft による Windows XP のサポートも 2014年4月に終わるし、とのこと。動
AngularJS の強力なデータバインドを支える仕組みのうち、まず $watch について取り上げる。 $watch を使えば、監視(Observe)したいオブジェクトやプロパティが変化したときに実行する処理(リスナー)を容易に記述できる。 $watch を利用する場所は scope のある directive や controller で、ng-model や ng-bind のようなデータバインドする directive を独自に実装する場合や、モデルの変更に応じて処理をバインドする場合などに使用できる。 $digest サイクル $watch による変更検知処理は、ポーリング的(一定間隔で頻繁)に実施されるのではなく、以下のイベントが生じたときに $digest サイクル(または $digest ループ)と呼ばれる処理が実行され、その中で実行される。 イベント 概要
次のページ
このページを最初にブックマークしてみませんか?
『点点娱乐免费视频网址|点点娱乐全部网站|点点娱乐手机版视频』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く