如何在數組 angular 8 中推送多個對象

Question

我有包含兩個文本字段和按鈕的表單。

我想當我在表格中輸入值並單擊保存按鈕時，它將顯示在表格內。

Answer 1

const conditionArr 應該在 function 之外，因為它每次都被初始化為空數組。

const conditionArr = [];
    addStaticValues(){  
        const conditionObj = {};   
        
        const formData = this.aValues.vForm.value;
        if(formData.parameter_value.length > 0 && formData.label_value.length > 0) {
          conditionObj['parameter_value'] = formData.parameter_value;
          conditionObj['label_value'] = formData.label_value;
          conditionArr.push(conditionObj);
        }     
      }

Answer 2

addStaticValues(){  
    const conditionObj = {};    
    const conditionArr = [];
    const formData = this.aValues.vForm.value;
    if(formData.parameter_value.length > 0 && formData.label_value.length > 0) {
      conditionObj['parameter_value'] = formData.parameter_value;
      conditionObj['label_value'] = formData.label_value;
      conditionArr.push(conditionObj);
    }     
  }

您每次（每次點擊）都在重新初始化 const conditionArr = [] 。 將 conditionArr 聲明為全局。

Answer 3

您必須在處理保存的 function 之外聲明const conditionArr = [] 。 否則，每次保存時都會重新聲明數組。