javascript - 在 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 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(', ') }}'>