ちょっときもいAngular2のTemplate Syntaxですが、、確かにキモい、キモすぎる。[]だったり()だったり*とか。このあたりの概要が結構整ってます。 angular.io ざっと目を通してみる 多くはtemplateとclassとのデータのやり取りはダブルカーリー{{}}で記載するのが容易ですね。 import {Component} from 'angular2/core' @Component({ selector: 'my-app', template: ` <h1>My First {{name}} {{1+1}} App</h1> ` }) export class AppComponent { public name = 'Angular'; } One-wayバインディング さて、この方法でtextボックスのvalueに値を詰め込む @Component({
![Gross! Angular2 Template Syntax - albatrosary's blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/3e1cca361c55162581a6fbacfa9189fb20050d5a/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Falbatrosary%2F20160414%2F20160414165620.png)