Angular 2子组件在使用@input()传递数据之前加载
Angular 2是一种流行的前端开发框架，它采用了组件化的开发模式。在Angular 2中，子组件可以通过@Input()装饰器来接收父组件传递的数据。
在使用@Input()传递数据之前加载，可以通过以下步骤实现：
- 定义子组件：首先，需要在子组件的类中定义一个属性，用于接收父组件传递的数据。例如，可以在子组件的类中定义一个名为data的属性。
- 使用@Input()装饰器：在定义的属性前面添加@Input()装饰器，以告诉Angular该属性是一个输入属性，可以接收父组件传递的数据。例如，可以在data属性前面添加@Input()装饰器。
- 在父组件中传递数据：在父组件的模板中，使用子组件的标签，并通过属性绑定的方式将数据传递给子组件。例如，可以使用[data]="parentData"的方式将parentData属性的值传递给子组件的data属性。
- 子组件接收数据：在子组件的类中，可以通过访问data属性来获取父组件传递的数据。例如，可以在子组件的模板中使用{{data}}的方式显示接收到的数据。
通过以上步骤，可以实现在Angular 2子组件中使用@Input()传递数据之前加载。
对于Angular 2子组件在使用@Input()传递数据之前加载的优势，可以提到以下几点：
- 提高组件的可复用性：通过使用@Input()传递数据，可以使子组件更加通用，可以在不同的父组件中使用，并根据传递的数据进行不同的展示和逻辑处理。
- 实现组件之间的数据通信：通过@Input()传递数据，可以实现父子组件之间的数据通信，父组件可以将需要传递的数据传递给子组件，子组件可以根据接收到的数据进行相应的操作。
- 简化组件的开发：使用@Input()传递数据可以简化组件的开发过程，父组件只需要将需要传递的数据绑定到子组件的属性上，子组件就可以直接使用这些数据，无需额外的数据获取和处理操作。
对于Angular 2子组件在使用@Input()传递数据之前加载的应用场景，可以根据具体需求进行灵活应用。例如：
- 在一个电子商务网站中，可以使用@Input()传递商品信息给子组件，子组件可以根据接收到的商品信息展示商品的详细信息和价格。
- 在一个新闻网站中，可以使用@Input()传递新闻内容给子组件，子组件可以根据接收到的新闻内容展示新闻的标题、摘要和发布时间。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：腾讯云的云服务器产品，提供高性能、可扩展的云计算资源。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：腾讯云的云数据库产品，提供稳定可靠的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：腾讯云的容器服务产品，提供高可用、弹性伸缩的容器集群管理。详情请参考：https://cloud.tencent.com/product/tke
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
3回答
在我的Angular2应用程序中，在UI输入时，会加载一个从web服务中提取数据的组件。我想在用户输入发生变化时重新加载aptSearchComponent。尽管新数据是根据输入从服务中获取的，但组件不会重新加载。
输入在headerComponent中，当用户输入一些搜索条件并按enter时，数据被传递到sharedService并被路由到aptSearchComponent，在那里从共享服务中提取数据并显示结果。
headerComponent模板位于顶部，aptSearchcomponent模板显示在其下方。
@Component({
selector: 'app-hea
浏览 1提问于2016-11-04得票数 1
不确定为什么组件不能分配给@component的声明性属性。父语句中的此语句(指令: ChildComponent)引发编译错误。我的代码的目的是将一个数据值从父传递给子。我听说RC6声明不起作用，所以我在ngModule声明中声明了子组件，编译错误被解决了，但无法在子视图中获取数据。
Parent component:
import { Component } from '@angular/core';
import {ChildComponent} from './child-input.component'
@Component({
selector
浏览 1提问于2017-11-24得票数 1
我目前正在使用Angular2和TypeScript为frontend开发可视化应用程序，为backend开发Spring-Boot应用程序。现在，来自backend的数据必须显示在我的ng2-chart组件中。
我将数据加载到父组件的ngOnInit()函数中。数据被推送到两个数组中，它们作为我的子组件的输入，如下所示：
ngOnInit() {
this._sqlService.getCubeErrors().subscribe(
data => {
for (var i = 0; i < data.length; i++) {
浏览 7提问于2016-08-01得票数 0
回答已采纳
我已经围绕这个问题做了一些研究，现在我不确定这是一个bug还是我的实现有问题。
我有一个元素，它使用服务来获取一些数据，然后它将数据传递给子元素，但是当我更新数据时，我得到了这个错误。
父元素
import { Component, OnInit, ViewEncapsulation} from '@angular/core';
import { TestService } from '../services/test.service';
@Component({
selector: 'dm-element-with-service-test&
浏览 3提问于2018-12-05得票数 2
基于角2的，您可以很容易地通过@输入将数据从一个组件传递到另一个组件。
因此，例如，我可以这样设置父级：
import { Component } from '@angular/core';
import { HEROES } from './hero';
@Component({
selector: 'hero-parent',
template: `
<h2>{{master}} controls {{heroes.length}} heroes</h2>
<hero-child *ngF
浏览 3提问于2016-08-31得票数 9
下面是我的父(通用)组件，它从服务器加载数据并将其绑定到子组件(Order )
import { Component, OnInit ,Output,EventEmitter} from '@angular/core';
import { REST,Response } from '../../../services/rest/rest.service';
import {Observable} from 'rxjs/Observable';
@Component({
selector: 'gener
浏览 2提问于2016-11-21得票数 0
我在App component.html中有这样的代码。
<form>
<input #box1 (blur)="onKey1(box1.value)" type="text" name="username">
<p>{{box1.value}}</p>
</form>
在AppComponent.ts中，我有这样的代码。
import { Component } from '@angular/core';
import { On
浏览 3提问于2017-11-17得票数 5
回答已采纳
1回答
在我的应用程序中，我有一个硬编码的json对象。该值与视图中的输入控件绑定。但是如果我在某些事件期间更改了json对象的值，那么这些更改的值不会反映在视图/输入控件中吗？如何强制重新加载/刷新视图？
请看下面的组件。因为在组件加载期间，我在构造函数中分配的值会反映在视图中。根据父组件上的一些事件，调用方法LoadExtractorQueueDetails()，并使用其他值重置相同的变量this.sampleData。
理想情况下，我希望这些值反映在视图中？但这似乎并没有发生？为什么它没有发生？如何重新加载/刷新视图？
import { Component, Input, OnInit } fr
浏览 2提问于2016-07-25得票数 2
回答已采纳
对于组件交互，我在angular6中有一些查询。对于组件交互，我们有@Input、@Output、viewChild和services等方法。但大多数情况下我们将使用服务。
在什么情况下，我们需要使用@Input、@Output和viewChild来传递应用程序中的值
@Input、@Output和viewChild方法有什么限制吗？
我们可以使用@Input，@Output方法传递大量数据或值数组吗？
我们可以在本地范围内使用“输入”和“输出”吗？请帮助我澄清我的疑虑
浏览 0提问于2019-07-19得票数 1
回答已采纳
我的angular 2应用程序中有两个组件:组件A(父组件)和组件B(子组件)。
当我使用@Input()将数据( myData )从A传递到B时，我将数据放在B(子组件)中，但问题是子组件在myData之前加载，而我没有定义，A可以console.log(myData)的唯一方式是在ngOnDestroy钩子中！
如何处理这种加载顺序？
浏览 3提问于2016-08-25得票数 9
在Angular2中，我有一个非常简单的形式：
Form.ts
import {Component, Input} from 'angular2/core'
@Component({
selector: 'my-form',
providers: [],
template: `
<form>
{{ details }}
<input type="text" placeholder="name" />
<input *ngIf="de
浏览 5提问于2016-03-25得票数 2
回答已采纳
我尝试通过subcription将数据从Newproducts组件(父组件)传递到Newcard组件(子组件)，但是当我尝试通过单击保存按钮来通过控制台记录数据时，我看不到anything...the第二次单击保存按钮，然后数据显示在控制台日志中 Newproducts.component.ts import { Component, OnInit, ViewChild } from '@angular/core';
import { NgForm } from '@angular/forms';
import { Router, ActivatedRoute
浏览 21提问于2019-02-11得票数 0
我在一个父组件中有两个子组件。当单击component1中的一个按钮时，我想隐藏component2。
下面是我正在使用的当前代码的表示：
父组件HTML：
<div ng-app='app'>
<component1></component1>
<component2></component2>
</div>
Component1.js
(function () {
'use strict';
angular.module('component1', [])
.co
浏览 2提问于2018-12-18得票数 0
回答已采纳
你好，我在ionic 3上工作，我的数据存储在本地存储中。我想在组件中使用这些数据，但ionViewDidLoad (它在正常页面中工作得很好)在组件上不起作用，我得到了以下错误：
那么，还有其他的建议吗？
组件代码(offre.ts)：
import { Component, Input , Output } from '@angular/core';
import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database";
import { I
浏览 1提问于2017-08-09得票数 0
我有这样的html结构：
同时驻留Comp1和Comp2的父组件：
现在，在comp1中，我有一些元素，如果这种情况发生了变化，那么我必须在comp2中反映值，但是它们之间没有联系。
Comp1 :
import { Component } from '@angular/core';
import { Comp2Component } from 'comp2.component';
@Component({
selector: 'comp1',
templateUrl: './comp1.html'
})
export
浏览 5提问于2017-08-16得票数 1
回答已采纳
我目前正在尝试构建我们的Angular1应用程序的Angular2原型(基于alpha44) (相当复杂)，并且在使用路由和子路由时，我正在尝试找到最佳的模型/数据架构。
在我的示例中，通过从路由创建的子组件，我希望访问父组件(托管router-outlet)的属性。
但是，当您从router-outlet创建组件时，您不能再使用@Input和@Output。那么，除了基本routeParams和静态routeData之外，注入一些数据/属性的最佳实践是什么？
如何在没有太多耦合的情况下与父组件通信？
浏览 0提问于2015-10-24得票数 6
我刚开始学习Angular2，遇到了@Input和@Output。两者之间的区别是什么？
浏览 0提问于2016-10-17得票数 12
3回答
我是Angular的新手，我尝试过使用可用的选项，但我仍然坚持如何使用parent中的templateUrl共享数据，以下是代码片段
header.component.html代码
<header><label>{{childMessage}}</label></header>
-- header.component.ts文件代码
import { Component, OnInit, Input } from '@angular/core';
import { HttpClientModule, HttpClient, Ht
浏览 0提问于2019-11-17得票数 0
1回答
我在从父组件到子组件的switchMap运算符之后从行为主题发送值时遇到了问题。如果我在子组件console.log中调用真正的http API，我只会看到空数组，但在父组件中的tap运算符中，如果我console.log数据，我会看到有20个项的数组，但在子组件中没有。当我尝试创建模拟服务并返回模拟数据时。
例如：return of(['item1', 'item2']
这种情况下运行良好，但当我只切换调用服务名称时，它对我不能正常工作，在tap中我可以看到数据，但在子输入中不能。
import { Component, VERSION } from '
浏览 12提问于2021-05-23得票数 1
回答已采纳
我是新来Angular的，我来自React.js
我有一个问题，在接收到来自父组件的数据后，Angular会在ngAfterContentChecked内部永远发出HTTP请求
我无法在ngAfterContentInit中发出请求，因为我需要等待父进程完成发出请求
我只想让它在从父级获取数据后立即调用一次
在React.js中，我通常会在componentWillReceiveProps内部发出请求
在Angular中，我这样做。
父组件：
//codes...
groupId = '';
//codes...
ngOnInit() {
const id = '
浏览 2提问于2018-10-10得票数 1
我需要从子组件中获取数据。我的子组件有以popu表示的表单。如何将全部详细信息传递给父组件。我的父组件ts文件是
import { Component, OnInit } from '@angular/core';
import {MdDialog, MdDialogRef} from '@angular/material';
@Component({
selector: 'app-vehicle-relocate',
templateUrl: './vehicle-relocate.component.html
浏览 2提问于2017-04-27得票数 2
回答已采纳
import { Component, Input, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { FetchService } from '../fetch. Service';
@Component({
selector: 'app-first',
templateUrl: './first.component.html',
styleUrls: ['./first.com
浏览 6提问于2021-05-10得票数 1
回答已采纳
我们使用Gulp (刚刚从ng-cli迁移而来)来构建我们的2项目，在这里我使用燃料ui。
我有个奇怪的错误。我在我们的一个组件中使用燃料ui的警报组件。如果我们在system.config.js中引用节点_模块/燃料-ui文件夹中的燃料-ui，那么一切都很好。如果我从构建/供应商/燃料-ui引用它，它会失败，并出现以下错误：
EXCEPTION: Unexpected directive value 'undefined' on the View of component 'MyAlertComponent'
platform-browser.umd.
浏览 3提问于2016-09-15得票数 3
1回答
我正在我的应用程序中构建设置，我们的设置页面有多个设置类别。为了管理这一点，我的设置页面如下：SettingsPage <uses> ProfileSettingsComponent <uses> SettingsComponent[]。我对孩子和孙子组件有问题。
我尝试将设置对象的一部分传入SettingsComponent，并将其绑定回父对象。现在，如果我传入设置属性，我得到的只是值，而不是属性的名称，属性也不会在父级上更新。
让我们来看一些代码。
ProfileSettingsComponent
import { Component, OnInit } from
浏览 14提问于2017-08-24得票数 1
回答已采纳
我有一个父组件，它使用服务从api接收数据。我需要将此数据传递给子组件，因为我不想再次调用api (严格规则)。我可以访问父组件中的数据，但不能在子组件中获取数据。我试过很多不同的方法。
import { Component, OnInit, ViewChild } from '@angular/core';
import {ActivatedRoute} from "@angular/router";
import {SwapiService} from "../../models/swapi.service";
import {Starshi
浏览 9提问于2020-11-17得票数 0
我正在研究angular.io上的教程，然后我注意到了@Input装饰器属性：
// src/app/hero-detail/hero-detail.component.ts
import { Component, OnInit, Input } from '@angular/core';
import { Hero } from '../hero';
@Component({
selector: 'app-hero-detail',
templateUrl: './hero-detail.component.html'
浏览 0提问于2017-08-18得票数 63
1回答
所以我有两个角度组件，一个父组件和一个子组件。我想做以下几件事： 在引用子函数/变量的父组件中定义ng模板 将该模板作为参数传递给子组件，然后 使子组件使用自己的实例数据显示此模板。 App.Component (父级) import { Component } from "@angular/core";
@Component({
selector: "my-app",
templateUrl: "./app.component.html",
styleUrls: ["./app.component.css"]
浏览 31提问于2021-02-20得票数 0
回答已采纳
我有一个子组件，它通过事件释放数据，发出的数据与父emitter.The中的ngModel绑定。其中的发射方法是从父组件调用的。我创建了子组件，因为我有两个相同的表单。因此，我创建了一个单一的表单组件，并使用它两次，并与他们的数据绑定。
//Child Component Code
import {Component, EventEmitter, Input, Output} from 'angular2/core'
@Component({
selector: 'child-component',
template: `
<input
浏览 6提问于2017-09-09得票数 0
回答已采纳
我不明白为什么角更新一个属性this.list在没有使用@Output EventEmitter的情况下在组件中进行修改，我注意到只有在传递数组时才会发生这种情况。
import { Component, OnInit } from "@angular/core";
import { Item } from "./models/item";
@Component({
selector: "app-root",
templateUrl: "./app.component.html",
styleUrls: ["
浏览 5提问于2021-08-01得票数 0
回答已采纳
从概念上讲，我有以下设置：
AppComponent
| \
| \
| FeedbackComponent
|
Router-Outlet
|
SearchComponent
这个想法是，当你试图使用FeedbackComponent提供反馈时，它会收集when应用程序的当前状态，并将其发送到服务器。我想从SearchComponent收集它运行的最新搜索。
在AppComponent中，我有：
constructor(private router: Router) {}
在我使用反馈的AppCompone
浏览 0提问于2016-04-07得票数 0
我尝试使用服务通过主题传递数据，但第一次单击编辑按钮时，在控制台中看不到任何内容，然后第二次单击按钮时，我在管理products.component.ts中发送值时看到了结果 this.prservice.editproduct.next(this.editedproduct) 它在这里工作得很好，问题是在订阅的时候，我想，这也是我第一次点击 admin-products.component.html <button type="button" [routerLink]="['new']" mdbBtn color="primar
浏览 14提问于2019-02-13得票数 2
我有一个具有不同模式的组件，在每个模式中，我必须显示每个属性的信息，这些信息在另一个组件中。我有一个对象向量中的信息。根据我所读到的，我必须在组件(父组件和子组件)之间使用绑定。我的疑问是，我必须将一个对象传递给另一个组件，然后显示它们的数据，我该怎么做呢？我必须声明一个对象类型real @input，如何将整个对象从一个组件绑定到另一个组件？我想做的是在该组件的模板中显示该对象的值。 以下是我所拥有的示例： 我有一个类，它就是我所说的对象： export class Inmueble {
nombre: string="";
id: string="&#
浏览 22提问于2019-06-13得票数 0
1回答
我是angular4的新手
我有一个注册过程，其中包含多个步骤，所以我只是hide/showing我的步骤的一些条件的基础。因此，注册过程包含父组件和子组件(“侧栏”显示用户在最后一步中填写的值)。
我将一个数组从父传递到子。在每一步中，我都用一些值更新数组。当我用子HTML打印数组时，它可以正常工作，但是当我试图在子compenent.ts中控制台相同的数组时，它却什么也没有显示。我必须做一些计算，就像在我的数组中，我有出生日期，所以我想计算用户的实际年龄，并在侧边栏上显示相同的年龄。
这是我的数组: MyArray，这是我传递数组的方式
Parent.html
<app child
浏览 1提问于2018-02-17得票数 0
回答已采纳
我有一个父组件(如purchaseComponent )和一个子组件(如supplierComponent )。供应商组件独立工作时，我加载它在一个全面的视图。另外，我正在purchaseComponent内部的一个模态中成功地加载该purchaseComponent。
我需要的是，当我单击addSupplier按钮(在supplierComponent中)时，它应该完成其当前的功能，然后从purchaseComponent调用hide方法。
supplierComponent
angular.module('TestApp').component('addsuppli
浏览 6提问于2017-08-02得票数 3
回答已采纳
我知道我必须使用@Input()装饰器，而且我正在这么做。但我使用的是异步操作。我的问题是，父级有时会将空数组或半填充数组发送给子数组。这是我的代码：
parent.component.ts
import { Component, EventEmitter, Output, OnInit, Input, OnChanges } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
...
@Component({
selector: 'app-
浏览 0提问于2021-02-15得票数 0
回答已采纳
我有两种窗体，目前在同一组件上运行良好。如在InfoAndQualificationComponent.ts中所示
import { Component, OnInit } from '@angular/core';
import { FormGroup, FormControl } from "@angular/forms";
@Component({
selector: 'app-info-and-qualification',
template: `<form class="form-horizontal" [
浏览 0提问于2018-08-10得票数 0
回答已采纳
在我的Angular 4项目中，我从父组件传递了一个值，该值是通过服务调用传入的。子组件正在接收该值，并且在我的HTML中也可用。但是当我在我的子组件typescript文件中安慰传递的值时，它显示为undefined。
下面是我的代码片段：
restaurantlayout.component.ts (主元件ts文件)：
import { Component, OnInit, Input } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Restau
浏览 2提问于2018-05-04得票数 1
我有很多部件。我在模块中声明我的组件。app.module。
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
// Material 2
浏览 1提问于2016-09-21得票数 0
1回答
我试图通过开发一个示例项目来学习自己的react/redux。我有一个angular.js &后端背景。
与其大量复制粘贴文件，我想分享我在github：上的进展。
我迄今取得的进展：
我开发了一个，和。
我开发了一个用户操作， (工作得很好)
我在Home组件的构造函数中使用，如下所示：
store.dispatch(userActions.getAuthenticatedUser())
我陷入困境的是，我不知道如何在路由器组件中访问存储数据(比如Home)。我只想在检索到的数据之后，将用户id传递给ProfileGroupsWidget。
浏览 2提问于2019-03-07得票数 0
回答已采纳
我在一个Angular4 application.In中工作，我想把数据从子组件传递给父component.let，解释细节.
app.component.html
密码..。
<div class="col-3">
<br>
<form class="form-inline">
<div class="input-group">
<div class="input-group-pr
浏览 0提问于2018-03-16得票数 0
回答已采纳
我正在尝试将数据从父传递给子。当我将字符串(data1)从父级传递到子级时，我得到了正确的输出，但是当我试图显示对象(数据)时，控制台表示它是未知的，屏幕上没有显示任何内容。
父组件：
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class
浏览 3提问于2021-05-12得票数 1
父组件正确显示数据，但没有将异步填充的数据发送给子组件 我是Angular的新手，我从这个页面开始关注它的文档：https://angular.io/guide/component-interaction我能够使用Angular服务异步地将文件详细信息读入父组件。当我显示来自父组件的文件详细信息时，我可以看到文件被正确读取。当我使用@Output()变量传递数据并使用@Input在子组件中接收数据时，我得到的是空数据，就好像子组件同步而不是异步地接收输入一样。 以下是该服务： import { Injectable } from '@angular/core';
import
浏览 15提问于2019-09-07得票数 0
回答已采纳
我使用的是angular 2.0.0-rc.4。
我有一个表单(父组件)，我在其中有一些来自其他组件的下拉列表，每个下拉列表都有ts和html template，每个下拉列表都从其组件中获取数据。提交表单时，我需要每个值的选择值。如何从父级访问它？
-Parent表单HTML：
<form class="" (submit)="submitNewModel($event, label.value)">
<div class="form-group">
<label for="label&#
浏览 0提问于2016-07-28得票数 1
我在角9.1.3里工作。
我有两个组件admin和header。我必须打印/传递变量从admin到header组件。但是说变量是undefined。
我的管理组件：admin.component.ts
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from '../auth.service';
import { first } from 'rxjs/ope
浏览 4提问于2020-05-14得票数 0
2回答
我使用了嵌套在同一组件中的组件。当我更改父组件附加函数中的复选框时，调用正确且事件发射器工作正常，但当我更改子复选框时，附加函数被触发，但事件发射器不可用(据我所知，事件发射器与子函数没有绑定)。我想在更改子复选框时发出数据。
如果有人知道答案，请帮助我解决这个问题。使用嵌套在同一组件中的组件的术语是什么？
谢谢你
这是stackblitz链接 (请检查控制台)
tree.component.ts
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
@Component
浏览 2提问于2020-05-29得票数 3
我有两个组件，它们都链接到同一个模块：
angular.module('app', []);
第一个组件是一个简单的输入字段和按钮。
angular.module('app').component('myInput', {
template: '<input data-ng-model="$ctrl.value"/>' +
'<button data-ng-click="$ctrl.post()">Post</button&
浏览 0提问于2017-01-26得票数 1
回答已采纳
1回答
我有3个vue.js嵌套组件:主组件、父组件、子组件。
父组件加载基本数据，子组件是一个简单的倒计时小部件，只需要配置一个数据。
如果我用静态数据设置父脚本(IE deadline='2019-12-12')，则子脚本显示小部件运行良好，但如果使用动态数据，则会生成错误。
我使用computed将数据传递给子组件，如果我使用警报对其进行调试，我会看到2个警报:未定义的，然后是正确的日期。
问题是第一个计算数据(未定义)使小部件崩溃，那么如何使用更新(加载)数据创建子组件？
父模板
<template>
<div>
<flip-coun
浏览 0提问于2019-05-19得票数 1
回答已采纳
我不确定我得到的错误是否：
***ERROR**: Can't bind to 'obj.Name' since it isn't a known property of 'comp'.*
是Angular不允许这种行为的结果。其目的只是绑定到@input对象属性。代码：
// comp.component.ts
...
@Input() obj: ObjType = {
Name: ''
}
// comp2.html
...
// this HTML is passing the value from comp2.html
浏览 45提问于2018-06-09得票数 0
回答已采纳
如果我的angular2应用程序看起来像这样，顶部的金发女郎要和右边的生姜聊天，他们应该为它组织一个聚会吗？
发出事件，使用输入输出--这是angular2的方式吗？数据应该从子到父流到根，然后从父到子流到点？我是新来的，我经常希望有一些全局对象，在那里我可以保存一些所有组件都需要知道的信息。当该全局对象中的数据发生变化时，它应该神奇地改变它注入的所有其他服务和组件。例如，用户登录/退出，或者如果他单击按钮等等。
import {Injectable} from 'angular2/core';
@Injectable()
export object Globals {
浏览 3提问于2016-02-03得票数 22
因此，我有两个组件: array component (子组件)和contact-manager-component(父组件)，当我按update按钮时，如何使用输出和事件发射器将我的对象数组从一个子组件传递给父组件？此外，每当我单击父组件上的“编辑”按钮时，是否有一种方法将“创建”按钮更改为“更新”按钮？
子组件
import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
import { Router, ActivatedRoute } from
浏览 4提问于2022-10-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
