Angular 8传递数据给子路由
创始人
2024-10-17 19:00:57
0

在Angular 8中,可以使用Input装饰器来将数据传递给子路由。下面是一个示例代码:

在父组件中,定义一个变量来存储要传递给子组件的数据:

// 父组件.ts文件

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

@Component({
  selector: 'app-parent',
  template: `
    

Parent Component

Data: {{ data }}

`, }) export class ParentComponent { data = 'Hello from parent component'; }

在子组件中,使用@Input装饰器来接收父组件传递的数据:

// 子组件.ts文件

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

@Component({
  selector: 'app-child',
  template: `
    

Child Component

Data from parent: {{ childData }}

`, }) export class ChildComponent { @Input() childData: string; }

在父组件的模板中,使用子组件的选择器来传递数据给子组件,将父组件的数据绑定到子组件的childData属性上。

这样,父组件的数据就会传递给子组件,并在子组件中显示出来。

请注意,父组件和子组件都需要在模块文件中进行声明和导入。

相关内容

热门资讯

普及透视!wepoker破解器... 普及透视!wepoker破解器激活码,微信小程序微乐陕西挖坑辅助,课程教程(有挂技巧)-哔哩哔哩1、...
普及透视!newpoker怎么... 普及透视!newpoker怎么安装脚本!一贯存在有辅助攻略(有挂教程)-哔哩哔哩1.newpoker...
关于透视!aapoker脚本怎... 关于透视!aapoker脚本怎么用,微信微乐辅助免费,学习教程(有挂总结)-哔哩哔哩1、进入游戏-大...
详情透视!pokemmo辅助器... 详情透视!pokemmo辅助器手机版下载!一直真的有辅助技巧(有挂分析)-哔哩哔哩pokemmo辅助...
了解透视!德州局透视脚本免费版... 了解透视!德州局透视脚本免费版下载手机版,微乐家乡官方app,举措教程(有挂工具)-哔哩哔哩;一、德...
分享透视!拱趴大菠萝万能挂图解... 分享透视!拱趴大菠萝万能挂图解!切实存在有辅助教程(有挂详细)-哔哩哔哩;1、让任何用户在无需拱趴大...
专业透视!德州局怎么透视!其实... 专业透视!德州局怎么透视!其实一直总是有辅助app(有挂技巧)-哔哩哔哩1、完成德州局怎么透视辅助器...
揭露透视!pokemmo脚本,... 揭露透视!pokemmo脚本,微乐山西威信小程序,资料教程(有挂总结)-哔哩哔哩1、pokemmo脚...
分享透视!pokemmo脚本辅... 分享透视!pokemmo脚本辅助!果然是有辅助软件(有挂实锤)-哔哩哔哩1、每一步都需要思考,不同水...
详情透视!智星菠萝有挂吗,微乐... 详情透视!智星菠萝有挂吗,微乐家乡麻辣自建房辅助app,演示教程(确实有挂)-哔哩哔哩1、用户打开应...