AngularJS 1.2 & Beyond
John Munsch is a professional software developer with over 26 years of experience. These days he's building modern web app front ends with AngularJS after a couple of years spent doing the same kind of work with Backbone.js, Underscore.js, and Handlebars.js. For some reason odd reason everybody thinks he's a front end guy these days despite most of his career being spent in the Java, C++, and C wo
tl;dr is at the end In various AngularJS tutorials and documentation, the authors choose to use service or factory but don't explain why you would use one or the other. Few mention that value and constant are also options. Let's see why you would use one over the other. We should also understand how providers work: providerHere's the source for the provider method: function provider(name, provider
I’ve seen some developers quite shy about AngularJS when confronted to all the magical powers; don’t be afraid, AngularJS indeed introduces several new concepts but you can get them in just a few weeks of practice… The Google team is working hard to lower the Angular entry barrier and to make everything as simple as possible for developers. AngularJS is a new disruptive innovation in the Javascrip
最近、ページ内リンクというのはあまり使われないと思いますが、使いたいケースがあったので、調べました。備忘メモです。 ページ内リンクというのは、リンク先に <a name="id001"> とか <div id="id001"> とか書いておいて、リンク元を <a href="#id001"> とすることで、このリンクをクリックするとリンク先にスクロールしてくれるものです。 ところが、AngularJSではこれはルートとみなされ、ご丁寧に#/id001に変換して、$routeProviderの処理がされてしまいます。当然、そのようなルートは用意していないので、予期せぬ動作になります。例えば、otherwiseにredirectToを設定していたりすると、トップページに戻ります。 これは困ったということで、いろいろ調べました。はじめに見つけたのがこれ。 Angular JS - Scrolli
Friend, can we agree that tests are a good idea? I won't scorn you for sometimes omitting them - time and budget constraints are what they are, and even the best intentioned of us sometimes have to just give our projects a lick and a promise. "Proper test coverage soon", you sweetly croon as you rock it to sleep, the knowledge that you're telling a dark, terrible lie twisting you up inside. Maybe
This post is meant to share some thoughts about the main issues related to the user’s authentication in an AngularJS web app. I will talk about how to maintain, and recognize, the status of authentication of an user (that is, if he’s logged in, or not) between the different routes of a web application. Moreover I will also explain how to handle the case of a not authenticated user, who is trying t
Plans for supporting Web Components in AngularJS and Ember.js Web Components [1] are an upcoming standard for custom HTML5 user interface elements. Those UI elements will eventually become interchangeable between frameworks. Now the people behind AngularJS and Ember.js have described their plans for supporting Web Components. Below, you’ll see mentions of Google’s new framework, Polymer [1]. It is
※出来る限り早い内に、清書しなおします。。 AngularJSのルーティングはhashありとなしのどちらでも対応できる。 あり http/xxxxxxxxxx.jp/#/top http/xxxxxxxxxx.jp/#/sub なし http/xxxxxxxxxx.jp/top http/xxxxxxxxxx.jp/sub 今回は、なしversion(html5対応browser限定)に関してメモを残します、、 <html ng-app="app"> <head> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.4/angular-resource.
Updated: August 30th, 2014 A complete sample application that uses the techniques shown in this post can be found at https://github.com/DanWahlin/CustomerManager. AngularJS provides a simple way to associate a view with a controller and load everything at runtime using the $routeProvider object. Routing code is typically put in a module’s config() function and looks similar to the following: $rout
AngularJSのテストはKarma(旧Testacular)を使って実行することを想定している。 プロジェクト中にもそのためのスクリプトがあり、単にテストをするだけであればこれまた用意されているKarma用の設定スクリプト(〜.conf.js)を食わせてやれば良い。 以降、すべてWindowsでの動作例だが、Macでも全く同じように動いている。 Karma実行コマンド(コマンドライン又はWebStormの実行設定で定義可能) karma start E:\angularjs\angular-phonecat\config\testacular.conf.js 単体テストのためのKarmaの実行設定 (step-5, testacular.conf.js) basePath = '../'; files = [ JASMINE, JASMINE_ADAPTER, 'app/lib/ang
時間を見つけてAngularJSのチュートリアルを進めている。 前にも書いたが、このチュートリアルはgithubのリポジトリで構成されており、チュートリアルを進めるに従ってレビジョンをチェックアウトする事で何時でも何処でも対象の内容にすることができるのでコードを持ち歩く必要がなく試す場所を選ばない。非常に便利でよくできていると思う。 WebStormの"Changes"ビューで見る、AngularJSのTutorialリポジトリのタグ このビューから対象のレビジョンをチェックアウトするか、コマンドが好きな人は"$ git checkout -b step-5"等として目的のコード内容にできる。 そんな中、チュートリアルstep-5ではサーバーからJSONデータを取得することを前提にしたコード(実際にはプロジェクト内部のスクリプトでJSONオブジェクトを生成しているのだが)を使う。そのためコ
Cheatography https://cheatography.com Download This Cheat Sheet (PDF) 19 CommentsRating: () Home > Programming > AngularJS Cheat Sheets AngularJS Cheat Sheet by ProLoser The official - unofficial AngularJS cheatsheet. Filters amount | currency[:symbol] Formats a number as a currency (ie $1,234.56). date | date[:format] array | filter:expression Selects a subset of items from array. Expression take
お久しぶりです お久しぶりです、a-knowです。 ブログを書くのは、昨年の12/11以来、半年弱ぶりですか・・・(汗) この半年、本当にいろいろありました。(思い出したくもないこともちらほらと・・・w) お仕事の方も、今までやっていたPJとは違う、新しいPJが動き始めたということもあって、 バージョン管理をsvnからgitに変えたり(やっと!)、Jenkinsを導入したり、自社開発基盤を刷新したり・・・と、 技術的にも色んな新しいことに挑戦できている毎日なんですが、 AngularJSも、そのうちの一つだったりします。 AngularJSでつまづいたところ それにしてもAngularJS、非常に痛快ですね! たとえば、jQueryで長々と書いていたDOM操作の為の記述が、ほぼいらなくなっちゃう。これはホントに痛快です。 最近は参加できていませんが、今後ハッカソンやプログラミングコンテスト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く