0 

 <tr *ngFor="let logDetails of logDetails | search : term" >

変数を使用したいパイプがあります。コンポーネントで同じ変数が定義されています。この値をコンポーネントからパイプに渡すにはどうすればよいですか?

//Pipe Structure

transform(value, [term], newVal) {
  if (value == undefined && newVal == undefined) {
    return undefined;
  } else {
    return value.filter((item) => item.LogString.startsWith(term));
  }
}

//Component Structure

newVal(a) {
  this.newChildData = a;
  console.log(this.newChildData);
}

newChildDataComponent をnewValPipeに渡したい。

// HTML テンプレート

4

1 に答える 1

0

テンプレートでパイプを使用して、新しい値を渡すかのいずれかです。

<div>{{ yourValue | yourPipe: newChildData }}<div>

または、Pipe は単なる Javascript クラスであるため、コンポーネントにインポートして使用することができます。

const pipe = new youPipe();
const result = pipe.transform(yourValue, newChildData);

しかし、私は後者をお勧めしません。

pipeパイプをプログラムで使用する場合は、変換ロジックをサービスに分割し、そのサービスを と の両方でインポートして使用することを検討してcomponentください。

于 2016-12-30T17:25:35.140 に答える