当前位置:  开发笔记 > 编程语言 > 正文

如何将数据从父组件传递到子组件?

如何解决《如何将数据从父组件传递到子组件?》经验,为你挑选了1个好方法。

我在子组件中有这个属性:

@Input() submitButtonDisabled: boolean;

在我的父组件的模板中,我使用插值通过属性绑定设置它:



子组件模板以submitButtonDisabled这种方式读取其 属性:


调试我的打字稿代码我看到属性绑定工作正常,但无论如何,提交按钮都会被禁用 disableSubmitButton返回(布尔值).似乎组件在绑定发生之前呈现.

这有意义吗?我的错误在哪里?

参考:Angular 2 - 组件通信



1> AngularChef..:

如果要将字符串文字传递给输入属性,请不要使用方括号:



在此示例中,input属性isDisabled将包含字符串'yes''no'.

如果你传递的不是字符串文字,那么你必须使用方括号:




在该示例中,input属性isDisabled将包含boolean true或方法false返回的值shouldItBeDisabled().

注意这些场景中没有一个使用{{ ... }}.

在您的情况下,问题可能是您的方法disableSubmitButton()没有返回正确的值.(另外,就像Ron537所说,你应该放弃{{ ... }}.)

推荐阅读
低调pasta_730
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有