在Angular 2中如何将数组字符串元素放入模板元素的value-attribute中？

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的字符串元素插入到输入元素的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(', ') }}'>