在Angular 2中如何将数组字符串元素放入模板元素值属性？

Question

我的Angular 2组件类中有一个名为myArray的数组：

@Component({
    templateUrl: 'my.component.html'
})

export class MyComponent {
    private myArray: Array<string>;
    ...
}

在my.component.html中我有一个输入元素：

<input placeholder='write some tags' value=''>

我想要的是将myArray的字符串元素插入到input元素的value属性中。字符串应以逗号分隔。类似的东西：

<input placeholder='write some tags' value='apple, orange, banana'>

我试过了：

<input name='user-tag' placeholder='write some tags' value='*ngFor="let e of myArray"{{e}}'>

但这产生了错误。

我该怎么做？

Answer 1

无需使用*ngFor，请尝试使用Array.join()。

<input name='user-tag' placeholder='write some tags' value='{{ myArray.join(', ') }}'>