0

パイプを介してコンポーネント内のプロパティにアクセスできません。

ここに私のパイプがあります:

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'unitEquipment'
})
export class UnitEquipmentPipe implements PipeTransform {

  transform(value: any, args?: any): any {
    if (value == null) {
       return null;
     }
     let resultArray = [];
     for (let item of value) {
       if(item.equip_type === "dagger" && args[0].dagger == true){
         resultArray.push(item);
       }
       if(item.equip_type === "katana" && args[0].katana == true){
         resultArray.push(item);
       }
     }
     return resultArray;
  }

}

フィルターを使用するときに HTML でアクセスしようとしているコンポーネントのオブジェクトは次のとおりです。

  unit = {
    "dagger": true,
    "sword": false,
    "great_sword": false,
    "katana": true
  };

コンポーネント内でも、フィルター処理しようとしている配列を次に示します。

  rhandequip = [
    {
      "name": "Hidden Truth",
      "equip_name": "hidden-truth",
      "equip_type": "great_sword"
    },
    {
      "name": "Mursama",
      "equip_name": "mursama",
      "equip_type": "katana"
    },
    {
      "name": "Battle Dagger",
      "equip_name": "battle-dagger",
      "equip_type": "dagger"
    },
    {
      "name": "Boomer",
      "equip_name": "boomer",
      "equip_type": "sword"
    },
    {
      "name": "Broadsword",
      "equip_name": "broadsword",
      "equip_type": "sword"
    },
    {
      "name": "Bronze Knife",
      "equip_name": "bronze-knife",
      "equip_type": "dagger"
    }
  ]

そして最後に HTML:

  <select class="form-control" [(ngModel)]="rHandSelect" name="emptyRightHand" #righthand (input)="getRHand(righthand.value)">
    <option value="Empty">Empty</option>
    <option *ngFor="let rhand of rhandequip | unitEquipment: 'unit'" value="{{rhand.equip_name}}">{{rhand.name}} &#x25B6; {{rhand.info}}</option>
  </select>

基本的に、ユニットを選択すると、配列内のすべてのオブジェクトを、そのユニットが true としてリストした Equip_type で返そうとしています。item.equip_type === "dagger"andのitem.equip_type === "katana"部分は IF ステートメントで機能しますが、args[0].dagger == trueand&& args[0].katana == trueは機能していないようです。私が間違っていることを理解できません。引用符の有無にかかわらず試し'unit'てみましたが、うまくいきませんでした。

4

1 に答える 1