byus.me
Angular.jsは優れたフレームワークだ。ただ、使ってみると問題と感じる点もある。 具体的には、Viewが片手落ちな点だ。 通常はHTML DOMがView・モデルとなるJavaScriptオブジェクトをcontrollerでバインディング、これで問題ない。しかし、jQuery Plugin(jQuery UI draggable等)で加工したい場合その処理を普通に書ける場所がない。 これらの処理はDOMレンダリング後に行う必要があるが、 Angular.jsではafter renderのイベントがAPIにない(ng-rendered的なものがない) のだ。 では、追加されるdivに$("#id").draggable()などをしたい時、どこで実行できるのか? 結論としては、directiveを使用する。 directiveを使用するんだ(二回)。 実例としてjsFiddleのサンプル
前回: Angular.js入門 (3)フィルタ 次回: Angular.js入門 (5)ディレクティブ その2 今回はいよいよangular.jsの肝とも言えるdirectiveについてです。ディレクティブという単語自体が日本語として馴染みが無いのもありますし, 実際になかなか複雑な機能なので理解が進まないところもあります(^ω^;) filterと同様自分でカスタムのdirectiveを作ることもできるのですが, Angular自身も標準directiveを持っています。まずはこちらを使って何ができるのかから見て行きましょう。 はじめてのDirective var app = angular.module("myApp", []); app.directive("test", function () { return { restrict: "E", template: "<div>こ
自作のjQueryプラグイン、jQuery.flickSimpleを公開します。 jQuery.flickSimple デモ / マニュアル(iPhone/Androidでもご覧いただけます) jQuery.flickSimple ダウンロード(github) これは、iPhoneの特徴的なインタフェースであるフリック操作を、Webサイト上で実現するための jQueryプラグインです。某サイトのiPhone版のためにだいぶ前に書いたもので、当時はiPhone専用だったのですが、Android対応の依頼を受けたのをきっかけに、PCのブラウザにも対応しようと、大幅に作り直したものです。 フリック動作を実現するjQueryプラグインは既にいくつかあります。機能としても実装としても、私が作ったものより優れているものもあると思いますが、まずは公開することに意義がある、ということで。 ちなみに、このス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く