創建時，在選擇標記和檢查值創建一個輸入

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