2017-02-15 7 views
3

私は角度2コンポーネントのクラスでMyArrayという呼ばれるこの配列があります。私は、単一の入力要素を持っているmy.component.htmlで角2で配列の文字列要素をテンプレート要素のvalue属性に入れる方法は?

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

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

を:私が欲しいもの

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

は、文字列を持つことです入力要素の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}}'> 

しかし、それはエラーが発生していました。

どうすればいいですか?

答えて

4

*ngForを使用する必要はありません。Array.join()を試してください。

+1

このようなことをするためのフィルタを作成して、1回の参照点があり、改善が必要な場合は複数の場所を変更する必要はありません。 – vinagreti

+1

絶対に、[pipe](https://angular.io/docs/ts/latest/guide/pipes.html)は、あなたが何を記述しているのに理想的でしょうが、私は答えを設計したくありませんでした。 – Adam

関連する問題