Komponens osztály tulajdonságai az Angular template-ben
A komponens osztály minden nyilvános tulajdonsága elérhető lesz a komponens template-jén belül. Nézzük meg, hogyan lehet hozzájuk férni.
Tételezzük fel, hogy osztályunkban van a következő nyilvános tulajdonság:
export class AppComponent {
public test: string = 'abcde';
}
Jelenítsük meg tulajdonságunk tartalmát a HTML-ben. Ehhez a tulajdonság nevét kell írni dupla kapcsos zárójelek közé:
<div>
{{ test }}
</div>
Adott a következő HTML:
<ul>
<li>name: john</li>
<li>surn: smit</li>
</ul>
Tegye meg, hogy a keresztnév és a vezetéknév a template-be a komponens osztályból jusson át.