问题标签 [two-way-binding]

我的组件代码：

模板 HTML

问题：据我所知 $ctrl.email 应该是双向绑定变量。但是每当我提交表单时，我都会变得不确定。在代码中 ctrl.email 未定义。

谁能解释一下我在这方面做错了什么？

我正在尝试将表达式绑定到 Angular 动态表单中动态创建的字段。我正在使用 Angular 站点中给出的食谱代码作为参考，但无法完全实现我正在寻找的内容。我希望 'c' 绑定动态创建的 'a' 和 'b' 表单控件。我的应用程序的目标是从用户那里获取科学方程式，并在您更改输入值时执行方程式。请帮忙。

我正在尝试对公式进行“评估”，以便在设置表单字段后将其转换为表达式。创建表单组后如何确保双向绑定？

我的 LabelQuestion 组件如下

而dynamic-component.html如下。

当显示.bs.tab 事件（引导 3 事件）发生更改时，角度 2/4 双向绑定失败。

我是角度 2/4 的新手。这是一个错误吗？

http://plnkr.co/edit/jZJ64VhVB6yhAzVblJMk

（所有选项卡共享相同的回调，h1，h2 使用 click，h3，h4 使用 shown.bs.tab）

我想在 Android 中使用 Data Binding 在数组上实现双向绑定。

这是我拥有的代码的简化版本：

但是当我尝试构建此代码时，我收到如下消息：

cannot find method setTo(java.lang.Integer[], int, java.lang.Integer) in class android.databinding.ViewDataBinding

如果可能的话，如何实现与数组的双向绑定？

我希望将子组件值绑定到父组件。@Input()当还[(ngModel)]不够时如何做到这一点？

这是一个笨蛋

我需要从Vuetify 数据表中删除一个项目（行） 。我将数据表的 prop 绑定到使用fromitems调用的计算变量。screensmapStatevuex

来自计算变量的片段

突变vuex

数据表使用一个名为的模板槽items，其槽范围名为props. 但是，每当我 mutate 时screens，我可以看到items数组已正确更改（我从屏幕数组中删除的项目确实已经消失了）但我对 DOM 没有反应。

我从文档中知道，如果我想要双向绑定，我需要同步道具。我尝试.sync在 the 上使用修饰符并使用无济于事v-bind:items发出更改。this.$refs.dataTable.$emit( 'update:items', this.screens );

任何有关使用插槽道具获得双向绑定的帮助将不胜感激。最终目标是能够从数据表中删除项目并将其立即反映在 DOM 上。

谢谢。

我有一个像这样的 Mdtable：

https://plnkr.co/edit/a9JKUnVxeYwjNeH067qZ?p=preview

当我对数据源进行更改时，例如，切片到列表。对象更改，但视图不更新。

在我的真实代码中，我解决了这个问题，将数据源匹配为空，重新填充模型，调用 changeDetectRef，最后再次初始化数据源。

我不相信没有其他更简单的解决方案，我忘记了什么？

PD我发现了一些关于“推送”到双向绑定生命周期的信息，但它并没有很好地解释它

我有 2 个选择框，设置任何一个都应该将第二个设置为 0。

HTML

零件

这在第一次点击页面并更改任一框时工作正常，但在将第二个选择设置回 1 后，双向绑定丢失。控制台日志似乎表明模型正在更新，但选择框没有响应。我错过了什么？

plunkr

我想按照本教程在我的组件中实现双向数据绑定：https ://blog.thoughtram.io/angular/2016/10/13/two-way-data-binding-in-angular-2.html 。它有效，但我发现每次更改后，当变量被“绑定”时，setter 会被调用两次。第二个似乎完全多余。我注意到教程中出现了同样的问题 - 我修改了 Plunker 以显示它：https ://embed.plnkr.co/Pd39vssP2Cg4aSacFFlF/ 。

我什至注意到，当变量值更改而忽略设置器时，也会发生冗余设置器调用——this.counterValue++例如。

我相信情况是这样的：

1. 组件通过发送事件通知观察者有关更改；
2. 观察者改变了'bonded'变量并通知变量在其一侧发生了变化；
3. 初始组件接收变量更改的信息并尝试将变量更改为相同的值。

积极的一面是它不会永远这样下去。
不过，在我看来，第三点不应该发生。

我显然可以使用 simple if(this.counterValue !== val)，但这似乎不是解决这个问题的一种优雅方式。我相信一开始就不应该进行多余的调用。

有什么办法可以避免还是完全正常？它是实现双向数据绑定的正确方法还是教程中的示例是错误的？

我将 Vue.js 与 TypeScript 和vue-property-decorator. 我想在父组件和子组件之间执行一些双向数据绑定。这是我正在尝试做的一个简单的想法：

父组件

子组件

我真的必须使用两个字段isLoaded以及_isLoaded使用this.$emit魔术字符串update:isLoaded吗？所有这些语法似乎都很冗长，有没有更简单的方法？有什么方法可以封装其中的一些吗？