javascript - I Angular 2, hvordan legge array-strengelementer inn i template-elementets value-attributt?

Jeg har dette arrayet kalt myArray i min Angular 2-komponentklasse:

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

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

I min.component.html har jeg et enkelt inndataelement:

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

Det jeg ønsker er å få strengene i myArray satt inn i value-attributtet til input-elementet. Strengene bør være kommaseparerte. Noe sånt som:

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

Jeg prøvde:

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

Men det førte til en feil.

Hvordan kan jeg gjøre dette?

Svar #1

Ikke nødvendig å bruke *ngFor, prøv å bruke Array.join().

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