Angularテンプレートにおけるコンポーネントクラスのプロパティ

コンポーネントクラスのすべての公開プロパティは、コンポーネントのテンプレート内で利用可能になります。それらにアクセスする方法を見てみましょう。

私たちのクラスに次のような公開プロパティがあるとします:

app/app.component.tsexport class AppComponent {
  public test: string = 'abcde';
}

このプロパティの内容をマークアップに表示してみましょう。そのためには、二重中括弧の中にプロパティ名を書く必要があります:

app/app.component.html<div>
  {{ test }}
</div>

Задание 1

次のマークアップが与えられています:

app/app.component.html<ul>
  <li>name: john</li>
  <li>surn: smit</li>
</ul>

名前と姓がコンポーネントクラスからテンプレートに渡されるようにしてください。