りんごです。お仕事でAngular 2を使い始めて半年ほど経ちました。 右も左も分からないころ、コンポーネントのテンプレートの書き方で四苦八苦していた事を思い出します。 その中でもHTML要素の属性やプロパティの書き方が色々あって迷った事が印象的です。 そこでテンプレート内での属性・プロパティの書き方を比較してみました。 今回は次の3種類の書き方を使い、属性値を書いた時の挙動や、AOTコンパイルで生成したngfactory.tsのコードを確認します。 Interpolation Property binding Attribute binding ※環境 Angular v2.2.4 その他はサンプルコードのリポジトリのpackage.jsonを参照 Interpolation まずはInterpolationです。 Anguar 2を始めるとまず覚えるテンプレートの書き方がこの構文だと思