Angular2輸入數據迷路按鈕點擊

我創建了這樣的Angular2代碼來獲取按鈕數據點擊Angular2輸入數據迷路按鈕點擊

<div class="field-panel"> 
     <div> 
      <span> 
      <input #newData [(ngModel)]="data.id" type="text" > 
      <select #newCategory [(ngModel)]="i.index" class="input-bars"> 
       <option *ngFor="let data of field" [value]="data.value">{{data.value}}</option> 
      </select> 
      </span> 
     <button class="btn btn-success (click)="addData(newData.value, newCategory.value)">ADD</button> 
     </div> 
    </div> 

    addData(value, dropValue){ 

     this.Data[index] = value; 
    }

但按鈕被點擊輸入字段中的數據時，迷路的UI。當按鈕被點擊並顯示在UI上時如何保持它？

來源

2016-11-03 kohli

請問您可以發佈您的addData和您的html的基本要素，該按鈕包含在？ – silentsod

@silentsod我也在使用'select'下拉菜單，我編輯了代碼 – kohli

老實說，我不知道你在用你的代碼來完成什麼，但是這裏有一個捅死的東西，你會請注意，單擊添加不會清除任何輸入字段： https://plnkr.co/edit/xTBSLfnxDvYXGHM4zjFa?p=preview – silentsod

我會冒險猜測你是在一個表單中工作，所以將type="button"添加到按鈕<button class="btn btn-success" (click)="addData(newData.value)">ADD</button>。這應該防止它認爲表單正在提交和清除數據。

來源

2016-11-03 16:22:50 silentsod

它也不起作用 – kohli

Angular2輸入數據迷路按鈕點擊

回答

相關問題