Angular 2でのHTML要素の属性・プロパティの書き方を使い分けよう - Qiita
りんごです。お仕事でAngular 2を使い始めて半年ほど経ちました。 右も左も分からないころ、コンポーネントのテンプレートの書き方で四苦八苦していた事を思い出します。 その中でもHTML要素の属性やプロパティの書き方が色々あって迷った事が印象的です。 そこでテンプレート内での属性・プロパティの書き方を比較してみました。 今回は次の3種類の書き方を使い、属性値を書いた時の挙動や、AOTコンパイルで生成したngfactory.tsのコードを確認します。 Interpolation Property binding Attribute binding ※環境 Angular v2.2.4 その他はサンプルコードのリポジトリのpackage.jsonを参照 Interpolation まずはInterpolationです。 Anguar 2を始めるとまず覚えるテンプレートの書き方がこの構文だと思
【初心者向け】Angular2と一緒に使う有名なサードパーティを見回してみる – Tech Tech Kansai｜テクテク関西
こんにちは、榊原@rdlaboです。 9月にAngular2がリリースされて、早3ヶ月弱。 さすが人気フレームワークだったAngularJSの後継だけあって、Angular2のパッケージ外でも多くの有志によっていろいろなサードパーティがつくられています。そこで、Angular2をはじめるにあたって便利なものをご紹介します。 この記事はAngular Advent Calendarの8日目の記事です。 CLI 公式サイトをみて「よし、Angularをはじめよう」とチュートリアル通りに進めていくと、systemjsの設定ファイルが入ってるものを落としてうんぬんかんぬんとか。「まずは、タスクランナーを書きます」みたいな環境構築から入るブログなどありますが、実案件で環境構築から入ると心が折れますので、CLIを使った構築をおすすめしています。 CLIでまず代表的なのは、公式がサポートしているangu
Angular 2アンチパターン集 - Qiita
@armorik83です。Angularアドベントカレンダーの4日目となる本日は、かつて好評だった拙記事"AngularJSアンチパターン集"にあやかって、Angular 2（以下、単にAngularと表記したときは2.0以上4未満を指す）について気をつけた方がよい点――アンチパターンをまとめたいと思います。 Angular 2.xでアンチパターンは起こりうるか Angular 1系とは大きくAPIが変わったAngular 2系。APIが大きく変わった理由として、Web標準により近い構成を取れるようにする目的がありました。例えば、angular.module()ではなくTypeScriptのimport fromをベースとするソース分割の仕組みであったり、ES2015 classを標準としたComponentやServiceの定義であったり、$qではなく標準のPromiseを使ったりなどで
Angular2 RC5への更新とステート管理の変更、power-assertによるテストまで試す - undefined
概要 以前触ってみたときはRC3でRC5が出たらもう一回触るかってことで、以前作ったサンプルのRC5への更新、ステート管理の変更、ユニットテストについて試してみた。以前の記事は以下。 blog.bokuweb.me RC5への更新 情報収集をするとNgModuleが追加されたことが大きいようで、コンポーネントごとにdirectivesやpipesでの指定を行う必要がなくなり、stableでこの方法は廃止になるとのこと。現状、このサンプルにおいてはRC3のコードのまま動作するしwarningもでなかった。 詳細は以下で確認すると良さそう。 ng2-info.github.io ng2-info.github.io NgModuleの導入 まずは@NgModuleを使用してモジュールを作ることになる。前回コンポーネントごとに記述していたディレクティブはdeclarationsに記述することにな
Angular 2アプリケーションをimmutable.jsとReduxで構築する | POSTD
過去にJavaScript開発をやったことがある人であれば、 Redux のことは聞いたことがあるでしょう。Reactとともに一般に普及し、開発者の中には「当時のJavaScript関係で一番興奮した出来事だった」、「アプリケーションの構築に大変革をもたらした」、はては「Reduxのおかげで地球温暖化が完全に止まった」と言う人もいるくらいです。 失礼、ちょっと我を忘れてしまいました。しかし、真面目な話、Reduxはアプリケーションの構築方法に、変化をもたらしたのは本当です。この投稿では、Reduxを別のライブラリの Immutable.js と一緒に、Angular 2と統合するやり方をご説明します。 概要 この投稿では、FluxアーキテクチャとReduxの基本的な概念を考えていきます。それから、簡単な連絡先リストのアプリケーションを段階的に作っていきます。初めは基本的なセットアップを構築
Taking advantage of Observables in Angular
Some people seem to be confused why Angular seems to favor the Observable abstraction over the Promise abstraction when it comes to dealing with async behavior. There are pretty good resources about the difference between Observables and Promises already out there. I especially like to highlight this free 7 minutes video by Ben Lesh on egghead.io. Technically there are a couple of obvious differen
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
