无法将@Input to parent绑定到子Angular 2
在Angular 2中，@Input装饰器用于将数据从父组件传递给子组件。然而，有时候可能会遇到无法将@Input绑定到子组件的问题。
这个问题通常是由以下几个原因引起的：
- 组件之间的层次结构不正确：确保父组件和子组件之间的层次结构正确。父组件应该包含子组件，并且在父组件的模板中使用子组件的选择器。
- 子组件未声明@Input属性：在子组件的类中，确保使用@Input装饰器声明了要接收的属性。例如，如果要接收名为data的属性，则应在子组件类中添加以下代码：
@Input() data: any; - 父组件未正确绑定@Input属性：在父组件的模板中，确保正确绑定@Input属性。例如，如果子组件的选择器为
<app-child></app-child>，要将父组件的属性绑定到子组件的data属性，可以使用以下代码：<app-child [data]="parentData"></app-child>，其中parentData是父组件中的属性。 - 数据类型不匹配：确保父组件传递给子组件的属性类型与子组件中声明的属性类型匹配。如果类型不匹配，可能会导致绑定失败。
如果以上步骤都正确无误，但仍然无法将@Input绑定到子组件，请检查控制台是否有任何错误消息。错误消息可能会提供更多关于问题的信息。
腾讯云提供了一系列云计算产品，包括云服务器、云数据库、云存储等。您可以在腾讯云官网上找到更多关于这些产品的详细信息和文档。
参考链接：
- 腾讯云官网：https://cloud.tencent.com/
- Angular @Input文档：https://angular.io/api/core/Input
相关·内容
我有以下配置：<login-info [username]="userInformation"></login-info>userInformation:string; this.username = this.loginInfoService.getLoginInformation();子html {{usern
浏览 10提问于2017-01-28得票数 2
回答已采纳
1回答
我有这样的html页面： <div class="child1"> </div> 我已经将scroll事件绑定到父元素，在某些情况下，我想将scroll事件与父元素解除绑定<
浏览 7提问于2016-05-10得票数 0
我有一个ng--包含指向与子控制器绑定的child.html，而parent.html文件绑定到父控制器，在child.html文件中还有另一个ng--包含指向绑定到子控制器的grandChild.htmlchrome上的控制台错误是在Object.invoke (angular.js:5141)、$control
浏览 2提问于2019-11-27得票数 1
我有一个像这样的子组件@Component({ //TemplateUrl, Styles and Providers @Input()
ngOn
浏览 1提问于2017-09-10得票数 2
回答已采纳
我希望当加载这个模块时，一个变量将通过调用一个服务获得一些数据，并且每个组件都可以使用这些数据。我尝试过做@ but ()，但是它在自定义模块中不起作用，但是对app模块来说效果很好。
浏览 2提问于2018-05-03得票数 0
回答已采纳
我需要在父组件和子组件之间进行通信(从父组件到子组件)，但是实际上，通过使用@Output，我无法做到这一点。import { AppComponent } from '../parent/app.component'
selector: 'app-survey&#
浏览 4提问于2019-03-08得票数 0
回答已采纳
在Angular6中，我使用@Input()从Parent获取了一个变量值。@Input() orderdata: OrderData;oldorderdata = orderdata;
然后再执行比较。但是当用户改变orderdat
浏览 30提问于2018-08-24得票数 0
回答已采纳
我正在研究angular.io上的教程，然后我注意到了@Input装饰器属性：import { Component, OnInit, Input } from '@angular/core';})
export
浏览 0提问于2017-08-18得票数 63
2回答
我在我的angular应用中使用子组件和父组件。我想在我的子组件中设置父组件中输入元素的值。我从一个api获取数据，并且我想在我的子组件中设置的值是"HTML“类型。我该怎么做呢。请给我引路。注意:我能够从父组件到子组件获取数据。我想知道如何使用formControl将超文本标记语言格式的值传递给子组件并显示它。" ></childComponent>超文本标记语言
浏览 2提问于2020-06-25得票数 0
3回答
双向传递数据
、、
ChildComponent是AppComponent的子组件。如何将修改后的"variable1“从ChildComponent发送回AppComponent？AppComponent htmlAppComponent ts
浏览 5提问于2017-11-08得票数 2
回答已采纳
我正在用angular实现reactive-form。我无法将值从子对象传递到父对象。父级表单示例：<div class="input-wrap"></div>
<
浏览 0提问于2018-10-30得票数 0
home.component.htmlresult.componet.tsimportresult.component.css'],
@Input
浏览 0提问于2018-10-03得票数 0
1回答
我发出了一个HTTP请求，并获得了一个id和数据数组(来自json )，到目前为止，我已经能够在屏幕上成功地打印这些数据(比如这个<li *ngFor="#date of dates">{{date.date2}我希望在另一个组件component2中使用该数组：然后在如下模板中使用：
<div flex="50"
浏览 3提问于2016-07-21得票数 0
回答已采纳
3回答
我尝试在我的两个组件(父组件和子组件)之间使用双向绑定，并尝试在这两个组件的ngOnChanges中检测由此引起的更改。我可以通过改变父组件(App组件)的输入/输出属性来触发子组件(测试组件)的ngOnChanges。但是，我无法通过更改子组件中的双向绑定属性来触发父组件的ngOnChanges。工作柱塞可以在这里找到：
import { Component, OnInit, OnChange, Output, Input, EventEmitter } f
浏览 3提问于2017-06-09得票数 1
我们应该使用什么，“输入和”输出装饰或服务的角度？对于每个特性，正确的用例是什么？高级组件
浏览 1提问于2020-07-02得票数 0
回答已采纳
我在我的应用程序中使用控制器作为语法，我想从子控制器访问父控制器的功能，我知道这可以通过注入$scope来实现，但是考虑到Angular已经如此努力地从代码中摆脱$scope，我想知道有没有一种更优雅的方法来做到这一点而不注入ng-controller="AppCtrl as app"> </div>和相应的控制器：
angular.m
浏览 5提问于2016-08-18得票数 2
回答已采纳
1回答
你能告诉我为什么ngOnChanges()函数在angular2中不被触发吗？我试图使用message更改@Input属性，但onchange事件不会触发。这是我的代码 name:string; constructor() { this.name = 'Angular<
浏览 3提问于2017-02-13得票数 1
回答已采纳
3回答
value="{{$parent.emailSelect}}" /> ng-model="$parent.emailTheCustomer"
ng-required="$pare
浏览 0提问于2019-05-24得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
