配列の値を更新するときに文字列に変更

Question

私のHTMLページにリストがあります。このリストは、ng-optionsを使用して配列から取得します。オブジェクト配列のプロパティの1つはshowです。 ng-optionsはフィルタを使用して、show == 1のオプションのみを表示します。ユーザーがボタンを押すと、リスト内の選択項目が配列に追加され、show値を0に設定する必要があります。リスト。値は0に設定されていますが、ng-optionsはselectのオプションを間違って表示しています。

アレイ定義は

referenceTypes: Array<any> = [ 
      { label: 'Customer Reference', show: 1 }, 
      { label: 'PO Number', show: 1 }, 
      { label: 'SO Number', show: 1 } 
     ] 

ボタンをクリックし

addReferenceType =() => { 
      ... 

      // hide the reference type from the add drop down list 
      this.referenceTypes.filter(option => option.label == this.referenceType)[0].show = 0; 
     } 

HTML

<select ng-model='$ctrl.referenceType' 
     ng-options="option.label as option.label for option in $ctrl.referenceTypes | filter: {show: 1}"> 
    <option value=""></option> 
</select> 

は

前

Answer 1

した後、あなたは、このようにコードを変更する必要があり、そうでなければ1時間はフィルタが空の配列を返し、クリックので、あなたは、そのエラーを持っています2回トリガされます。

addReferenceType() { 
    let filteredTypes: Array<any> = 
    this.referenceTypes.filter(option => option.label == this.referenceType); 
    if (filteredTypes.length > 0) { 
     filteredTypes[0].show = 0; 
    } 
}