如何在angular2中使用FormControl从INPUT标签中获取逗号分隔值?

时间:2017-07-12 11:32:55

标签: angular typescript

这是我的alert-form.component.ts

export class AlertFormComponent  implements OnInit{

  ....
  pages:FBpage[]=[]; 

 .....

在构造函数中:

 fbPage : new FormControl('')

并在html中:

<input mdInput placeholder="Page Facebook" [mdAutocomplete]="auto" formControlName="fbPage" >

但显然它只获得一个值而不是字符串

1 个答案:

答案 0 :(得分:0)

创建FormControl时,请确保空白值为空数组,而不是&#39;&#39;或未定义。

在构造函数中声明如下:

fbPage : new FormControl([]);

而不是

fbPage : new FormControl('');

编辑:您已将数据绑定到列表,以便从输入标记中获取逗号分隔值,如下所述。

<input [source]="pageList" ...... >

在typescript类中:

public pageList = [
"PageA", "PageB"
];

本文可能对您有所帮助: https://github.com/ng2-ui/auto-complete/issues/91