angular 7:过滤的数据未发送到子组件
创始人
2024-10-17 08:30:43
0

解决方法如下所示,其中包含一个代码示例:

  1. 确保父组件中的过滤数据已经正确获取并赋值给相应的变量。
  2. 在子组件的输入属性中定义一个用于接收过滤数据的属性。
  3. 在父组件中,使用属性绑定将过滤数据传递给子组件。
  4. 在子组件中,使用ngOnChanges钩子函数来监听过滤数据的变化。
  5. ngOnChanges函数中,将过滤数据赋值给本地变量,以便在子组件中使用。

以下是一个示例代码:

父组件:

import { Component } from '@angular/core';

@Component({
  selector: 'app-parent',
  template: `
    
  `
})
export class ParentComponent {
  filterData: string;

  // 省略获取过滤数据的逻辑

  constructor() {
    // 将过滤数据赋值给filterData变量
    this.filterData = 'example';
  }
}

子组件:

import { Component, Input, OnChanges, SimpleChanges } from '@angular/core';

@Component({
  selector: 'app-child',
  template: `
    
{{ filterData }}
` }) export class ChildComponent implements OnChanges { @Input() filterData: string; ngOnChanges(changes: SimpleChanges) { // 监听过滤数据的变化 if (changes.filterData) { this.filterData = changes.filterData.currentValue; } } }

在父组件中,我们将过滤数据赋值给filterData变量,并将其传递给子组件。在子组件中,我们使用@Input装饰器定义了一个接收过滤数据的属性,并在ngOnChanges函数中监听过滤数据的变化,并将其赋值给本地变量filterData。最后,在子组件的模板中,我们将过滤数据显示出来。

通过以上步骤,过滤数据将正确地传递给子组件,并且在子组件中进行了相应的处理。

相关内容

热门资讯

透视推荐"拱趴大菠萝... 透视推荐"拱趴大菠萝挂哪里"其实真的是有辅助技巧(哔哩哔哩)1.拱趴大菠萝挂哪里 选牌创建新账号,点...
透视有挂"hh po... 透视有挂"hh poker辅助有用吗"确实有辅助攻略(哔哩哔哩)1、每一步都需要思考,不同水平的挑战...
透视详细"wepok... 透视详细"wepoker俱乐部辅助"切实真的是有辅助器(哔哩哔哩)1、操作简单,无需wepoker俱...
透视普及"wepok... 透视普及"wepoker轻量版透视"都是存在有辅助挂(哔哩哔哩)1、游戏颠覆性的策略玩法,独创攻略技...
透视开挂"hhpok... 透视开挂"hhpoker万能辅助器"切实存在有辅助技巧(哔哩哔哩)1、hhpoker万能辅助器有没有...
透视解密"hhpok... 您好,hhpoker辅助软件下载这款游戏可以开挂的,确实是有挂的,需要了解加去威信【48527505...
透视详细"wepok... 透视详细"wepokerplus到底是挂了吗"都是是真的辅助技巧(哔哩哔哩)1、每一步都需要思考,不...
透视总结"竞技联盟辅... 透视总结"竞技联盟辅助插件"其实是真的辅助攻略(哔哩哔哩)1、该软件可以轻松地帮助玩家将竞技联盟辅助...
透视曝光"wpk俱乐... 透视曝光"wpk俱乐部是真的吗"本来真的有辅助神器(哔哩哔哩)wpk俱乐部是真的吗破解侠是真的助透视...
透视开挂"拱趴大菠萝... 透视开挂"拱趴大菠萝有挂吗"好像存在有辅助器(哔哩哔哩);1、玩家可以在拱趴大菠萝有挂吗透视最简单三...