Angular组件能否从其外部/父组件获取数据？
创始人
2024-11-01 14:30:06
0次
Angular组件可以通过Input Decorator来从其外部/父组件获取数据。在父组件中声明一个变量，并将其作为输入值传递到子组件中。在子组件中，声明一个带有@Input装饰器的变量，并使用它来接收父组件中传递的值。
以下是一个示例，其中ParentComponent中有一个变量parentName，它被传递到ChildComponent中的变量childName中：
// ParentComponent.html
// ParentComponent.ts import { Component } from '@angular/core';
@Component({
selector: 'app-parent',
template:
})
export class ParentComponent {
parentName = 'Parent Name';
}
// ChildComponent.ts import { Component, Input } from '@angular/core';
@Component({
selector: 'app-child',
template: Name: {{ childName }}
})
export class ChildComponent {
@Input() childName: string = '';
}Child Component
下一篇：Angular组件ngClass
相关内容
热门资讯
突发！哈糖大菠萝怎么挂，新众亿...
突发！哈糖大菠萝怎么挂，新众亿辅助，其实是有辅助方法（哔哩哔哩）1、用户打开应用后不用登录就可以直接...
今年以来！wpk德州局透视，潮...
今年以来！wpk德州局透视，潮汕掌上娱乐脚本，都是是真的有辅助app（哔哩哔哩）1、很好的工具软件，...
无独有偶！werplan有挂吗...
无独有偶！werplan有挂吗，皮皮游戏辅助平台，确实真的有辅助教程（哔哩哔哩）皮皮游戏辅助平台能透...
今年以来！hhpoker德州牛...
今年以来！hhpoker德州牛仔视频，新上游拼十辅助，真是是真的有辅助工具（哔哩哔哩）1、新上游拼十...
在玩家背景下！hhpoker免...
在玩家背景下！hhpoker免费透视脚本，潮汕激k传送屋辅助器，总是是有辅助插件（哔哩哔哩）1、全新...
据报道！来玩app破解版，so...
据报道！来玩app破解版，sohoo竞技联盟辅助，一贯存在有辅助神器（哔哩哔哩）暗藏猫腻，小编详细说...
随着！德州来玩辅助器，微信边锋...
随着！德州来玩辅助器，微信边锋辅助软件，切实真的是有辅助插件（哔哩哔哩）微信边锋辅助软件能透视中分为...
最新消息！aapoker插件，...
最新消息！aapoker插件，小唐家乐园辅助，其实存在有辅助app（哔哩哔哩）1、进入游戏-大厅左侧...
随着！WePOker有没有透视...
随着！WePOker有没有透视方法，花城牌舍辅助系统有哪些功能，一直存在有辅助教程（哔哩哔哩）一、花...
今年以来！wepoker透视功...
今年以来！wepoker透视功能下载，蘑菇辅助网，总是存在有辅助app（哔哩哔哩）1、首先打开蘑菇辅...