AngularJSのjqLiteの使い方と3つの注意点
以下のように要素をangular.element()に入れてjqLiteのメソッドを使用する。 var foo = document.getElementById('foo'); var fooElem = angular.element(foo); fooElem.addClass('bar'); ただし、通常のjQueryとは使い方が異なるため以下の3つの点に注意が必要だ。 使用できるメソッドが少ない jqLiteで使用できるメソッドはバージョン1.4の時点では以下の35種類しかない。 addClass() after() append() attr() bind() children() clone() contents() css() data() detach() empty() eq() find() hasClass() html() next() on() off() on
AngularJS Directive なんてこわくない（その１） - AngularJS Ninja Blog
angular.module('Ninja', []) .directive('ninjaCustomer', function() { return { templateUrl: 'partials/ninja-customer.html' }; }); こんだけなので、まあどってことない。これだけなら ng-include のほうがラクでいいやんってことになるかな。でもまあ、とりあえずこんだけしか書かなくても directive として動作するのかってことを見ておく。 要素として使う Directive としたければ デフォルトでは属性（restrict: 'A'）として使う directive として作られる。なので、要素として HTML で指定する directive にしたければ、restrict オプションが必要になる。
AngularJSのDirectiveを理解する. - Qiita
はじめに ディレクティブは、AngularJSにおいて、ViewとModelの双方向バインドを実現するための根幹的な仕組みである。 ディレクティブは、開発者から見ると、Templateの要素・属性として現れる。 例えば、テキストボックスの入力値とscope.nameを紐付ける場合、Angularではhtmlに下記を記述するだけで、ユーザの入力値がscopeへ即時反映される。 上記コードの"ng-model"はAngularにデフォルトで組み込まれたディレクティブである。 もちろん、htmlの文法上は、ng-modelという名称の属性はinputタグには存在しない。Angularが独自にng-model属性を解釈して、双方向バインディングの機能を実現しているのである(Angularでは、これを「html文法の拡張」と呼んでいる)。 ディレクティブには、ng-repeatや{{...}}等、様
Sort, Filter, Edit！多機能なtableを実装できる「Smart Table」 - Tecuration .com
「Smart Table」はソート、フィルタリング、フォーマッティング、Edit、セレクトなど多機能なテーブルを実装することの出来るJSライブラリです。 Smart Table 「Smart Table」ではtableタグを一切使わず、JavaScriptのMVCフレームワークであるAngularJSによって作られたライブラリを用いることでtableを実装します。難しそうに思うかもしれませんが、まったくそんなことはありません。リンク先では実装例も丁寧に載せてくれています。今日はまずどんなtableが実装できるのかを紹介し、その後実装例を載せていきます。 「Smart Table」で実装することの出来るtableです。まずはベーシックなtable。 フォーマットかつ、ソートが出来るtable。Last Nameには小文字が入ってきても自動的に大文字変換されます。また、各カラムでデータの昇順、
AngularJSはもう古い？未来志向フレームワークAurelia.JSを試してみた！ - paiza times
こんにちは、吉岡(@yoshiokatsuneo)です。 最近のJavaScriptフレームワークといえばAngular.JSやReact.JSがホットですが、今年来ると思われるフレームワークAurelia.JSが2015年1月末リリースされました。 Home | Aurelia Aurelia.JSはGoogleでAngularJSの開発に関わっていたRob Eisenbergさんが開発した次世代のJavaScriptフレームワークです。 特徴として、最新のJavaScript関連技術であるECMAScript6、WebComponents、Object.observeなどの機能を取り込むことで、シンプルで使い勝手のよいフレームワークになっていることが挙げられます。 オンラインコーディング環境paiza.IOでも利用しているAngularJSとの比較を中心にして紹介します。 ■Aurel
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
