Angular5如何从子组件获取变量引用

1 回答

• 0

  不推荐使用 DataTable ，请使用 TurboTable . 我想你可以使用 ViewChild('dt') dt: Table 获取表组件的引用并将其传递给child并执行 dt.filterGlobal($event.target.value, 'contains')

  <input (input)="dt.filterGlobal($event.target.value, 'contains')" type="text" pInputText >
  

  如果你能提供一个plunker我可以看看你的确切问题 .

  ---

  不确定 EventEmitter 方法是否有效，除非 DataTable 公开 filter() 函数 . 如果需要，您可以直接链接到 ChildComponent 中的 #gb .

  这是example

  child.component.ts

  import { Component, Output, EventEmitter, ViewChild } from '@angular/core';
  
  @Component({
    selector: 'child-component',
    template: `<input #gb type="text" placeholder="Search">`
  })
  export class ChildComponent {
    @ViewChild('gb') gb: any;
  }
  

  ---

  app.component.html

  <child-component #child></child-component>
  <!-- You may as well need *ngIf="child.gb" in p-dataTable -->
  <p-dataTable 
      [value]="data"
      [globalFilter]="child.gb.nativeElement">
  

  ---

  不能保证这会如何运作，更好地改变到 TurboTable ，这种转变并不像看起来那么艰难 .

  回复于 2024-05-06T05:21:28+08:00