単純な翻訳ならテンプレートの記述がシンプル。(タグに "translate" 属性を付けるだけ) 翻訳辞書もjson記述で、ネストにも対応している為、ページやカテゴリ毎に分類して管理もできそう。 また、動的な言語切替にも対応しており、切り替え方法もシンプル。( TranslateServiceの useメソッドを呼ぶだけ ) 無理やりデメリットを挙げるとしたら、言語ファイル(json)の切り替えを行う際に、HTTP通信が発生する事ぐらいだが、 通信が発生するのは最初の1回のみなので、全く気にならない。(サイズが大きくなる場合の確認は必要かもしれないが。) ng new my-app && cd my-app ng generate component header ng generate component top ng generate component page1 ng genera
年末のイベントで何度か Angular 2 について紹介させていただいたのですが、自分で話しながらよくわかっていないなと感じることしきり。時間ができたらしっかり理解したい!と思っていました。理解するにはソースを読むしかない!ということで Angular 2 のソースを読んでみます。 使い方については本家ドキュメントを始めいろいろなところに書かれているので、内部構造について調べます。Change Detection, Dependency Injection 周りは @laco0416 さんによってカバーされている/される予定(12/23)なので、初期化・Component のコンパイル周りに挑戦してみたいと思います。 AngularConnect のキーノートでは、Angular 1 ではランタイムで何度も HTML のコンパイルが走っていたが、Angular 2 では初期化時に一度走るだ
Angular 2の「ルーティング」。SPA (シングルページアプリケーション)でディープリンクを実装する機能がAngular2にも搭載されてます。 ルーティングでページ遷移時に非同期処理を挟むときの方法をまとめました。 動作デモ 実装ポイント HTMLにルーターの参照を入れる (必須) インターフェースを実装する (たぶん必須) ルーティングの遷移時において、非同期処理を挟みたいクラスに、OnActivateとOnDeactivateインターフェースを指定。すると、routerOnActivate()メソッドとrouterOnDeactivate()メソッドの実装が義務付けられます。これがルーティング時のライフサイクルイベントとなります。 import {OnActivate} from "angular2/router"; import {OnDeactivate} from "ang
Beautiful Angular Directives, automatically styled per platform Onsen UI for Angular exposes a simple but powerful API. All UI components can be easily plugged into your Angular mobile app. To see all of Onsen UI's Angular components, take a look at the Angular 2+ API. Or, you can quickly try out the showcase below - all of them actually work! Common core for AngularJS, Angular and other framework
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く