AngularJS で Web API を呼び出す $http などを利用するコードを、各 controller に散らして実装してしまわずに、どこかに集約しておきたいぞって場合の話。 services.js app.factory('NinjaService', function($http) { var search = function(params) { return $http.get('/search', {params: params}).then(function(response) { return response.data; }); }; return { search: search }; });
これから数回に分けてAngularJSでHTML5アプリを開発していきたいと思います。 開発環境は最高のHTML5プラットフォームであるForce.comですが、Force.comおよびAngularJSをまったく使ったことがない開発者の方々でも試せることを前提にした内容です。 ただし一点、一応IE以外で検証ください。 今回は最初の最初、ゼロからはじめてForce.com上でAngularJSが動くまでを解説していきます。 まずこのPart1で開発する部分をデモでみてみましょう。 デモ それでは実装へ。 開発組織の入手 Force.comの開発環境は「Developer Edition」と呼ばれ、誰でも、いくつでも、いつまででも無料です。さらに本番環境で利用できるほぼすべての機能が利用できます。なんということでしょう。 ということで、まずは下記のサイトからこのDeveloper Editi
本記事で使用している AngularJS のバージョン 1.2.16 angular.element 先日紹介した ng Global APIs の中に angular.element というメソッドが用意されています。 このメソッドは、デフォルトでは "jQuery lite" または "jqLite" と呼ばれる AngularJS が提供する jQuery のサブセット ( 軽量版 jQuery ) オブジェクトを返しますが、ドキュメントを読む限り制限が多く、困ることが少なくありません。 どのくらい制限されているかというと、、、 https://docs.angularjs.org/api/ng/function/angular.element より addClass() after() append() attr() bind() - Does not support namesp
本記事で使用している AngularJS のバージョン 1.2.16 フレームワークが提供している機能は積極的に使いたい AngularJS の標準モジュール (ng module) には、サービスやディレクティブといったメイン機能以外に、便利な関数群のコンポーネントが用意されています。 ng(core module) Global APIs https://docs.angularjs.org/api/ng#function AngularJS を利用している以上は、他所のライブラリやフレームワークを極力使わずに、依存性を減らしてアプリケーションの純度を高めたいと考えています。たとえば、真偽判定 ( オブジェクトの評価 ) や配列走査する場合においても、提供されている API を積極的に利用するよう心掛けたいものです。 というわけで、実際に利用している API をいくつか紹介したいと思い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く