Angular2父->子->父绑定(bind)

标签 angular

我在工作中看到了以下代码 - http://plnkr.co/edit/5z4VEQ?p=preview

<app-component2 [(value)]="value"></app-component2> 

您可以看到我们向子组件传递了一个值,并在值发生变化时将其传回父组件(onChange 仅在您将焦点移出输入框后才会触发)。

现在,即使“valueChange”事件发射器没有订阅任何地方,此代码也可以工作。仅当子组件具有事件发射器并且仅当所述事件发射器被称为 valueChange 时,它​​才会起作用。

显然,Angular 自动连接 value 和 valueChange 的幕后有一些魔法,但我在文档中找不到它/不确定这是否真的是受支持的功能?

最佳答案

您观察到的行为是双向数据绑定(bind),您可以在 Template Synatx Guide. 阅读更多相关信息。

enter image description here

Cheat sheet 中也提到了它

enter image description here

希望这有帮助!!

关于Angular2父->子->父绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41811319/

相关文章:

angular - Ng2-charts 应用程序不显示图表

angular - 进行硬刷新时,路由对我不起作用

excel - 用于 Angular 2 Excel 导出日期格式的 Kendo Grid

angular - 对于带有 ngFor 生成的项目的 mat-menu,未调用单击函数

javascript - 特定跨度的 Angular 切换颜色

javascript - SPA如何在OAuth2隐式流程中提取访问 token

angular - ionViewWillEnter 与 ionViewDidEnter

angular - Angular 更新后,我不断收到 : Can't bind to 'xyz since it isn' t a known property of 'abc' 行的错误

angular - Angular 4动画如何正确过渡routeroutlet?

java - 为什么我在尝试从 angular5 向 spring-boot 发送 PUT 请求时收到未经授权的消息?