「Angular2」ngForで配列の属性を表示するサンプル

2019年11月15日

サンプルコード
import { Component } from '@angular/core’;
@Component({
selector: 'my-app’,
template: `
<h1>{{title}}</h1>
<h2>アプリ: {{useSite}}</h2>
<p>サイト:</p>
<ul>
<li *ngFor="let site of sites">
{{ site }}
</li>
</ul>
`
})

export class AppComponent {
title = 'site homepage’;
sites = ['yahoo’, 'Google’, 'nhk’, 'line’];
useSite = this.sites[0];
}