selectタグでオプションをクリックして値を入力すると、入力が作成されます

Question

角度2のアプリケーションを作成しようとしていますが、フォームと選択タグがあり、option.iは各オプションをチェックします。例えば、値が "aaa"に等しい場合、入力フィールドは選択タグのボトムを生成する。 私は多くのことを試みていますが、この問題を解決することはできません:)

上記の懸念事項を明確にすることができたら本当に感謝します。

おかげで...

<select name="delivery_architecture" class="form-control testing"> 
      <option selected="selected">plz select</option> 
      <option value="static">static</option> 
      <option value="dynamic">dynamic</option> 
      <option value="aaa" >aaa</option> 
    </select> 

Answer 1

あなたはオプションが選択されたときに、配列を記入してから*ngForを使用して入力要素を生成することができます。

@Component({ 
    selector: 'my-app', 
    template: ` 
    <select name="delivery_architecture" class="form-control testing" (change)="addInput($event.target.value)"> 
    <option selected="selected">plz select</option> 
    <option value="static">static</option> 
    <option value="dynamic">dynamic</option> 
    <option value="aaa" >aaa</option> 
    </select> 

    <div *ngFor="#inp of inputs" >{{inp.name}}<input [ngModel]="inp.value"></div> 
    <div><button (click)="showValues()">show values</button></div> 

    <div>values: {{values}}</div> 
    `, 
}) 
export class AppComponent { 
    inputs = []; 
    addInput(name) { 
    this.inputs.push({name: name, value: ''}); 
    } 
} 

入力要素に書き込まれた値も同様に配列に格納されます。

Plunker example