在 Angular2 组件的单独行中显示列表的每个元素

Question

我有一个 Angular2 组件来显示某些数据中的发言人列表。当我将以下代码放入我的xyz.component.html中时，它将列表显示为逗号分隔的字符串。我怎样才能在不同的行中显示每一个 - 基本上在每个行之后都放了一个换行符。

<div *ngIf="data.speakers">
<span class="attr-key">Speakers:</span><br>
<span class="attr-value">{{data.speakers}}</span>
</div>

data是绑定带来的。它有一个称为扬声器的元素，定义为string[].

Answer 1

您需要使用ngFor遍历数据并显示它

<ul>
<li *ngFor="let speaker of data.speakers">
{{ speaker}}
</li>
</ul>