Angular 4 - 从逗号分隔的字符串

Question

我有一个逗号分隔值的字符串。我想将此作为select form（下拉框）

的选项值

示例：

itemA, itemB, itemC

进入（将其视为选择形式）：

[Please select a value]:
itemA
itemB
itemC

如何实现这一目标？

Answer 1

在添加NgFor以在select中添加值之后，您需要切割String并创建一个数组：

假设您在data

中获得了数据

let optionsplit =  this.data.split(',');

在视图中

<select name="yourinput">
   <option ng-repeat="o in optionsplit" value="{{o}}">{{o}}</option>
<select>

或使用ng-options

<select ng-options="o for o in optionsplit">

</select>

Answer 2

您需要使用 .split(',')

<select [(ngModel)]="selectedMetric">
     <option *ngFor="let metric of  toArray" [ngValue]="metric">{{metric}}</option>
</select>

AND在component.ts

export class AppComponent  {
  name = 'Angular 4';
  DATA =  'itemA, itemB, itemC';
  toArray =  this.DATA.replace(/ /g, '').split(',')
}

<强> DEMO