问题标签 [two-way-binding]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1650 浏览

angular - Angular2如何从@input绑定地图对象

我有这样的 HTML 输入:

我从包含地图对象的服务器 DTO 获取。DTO 有名称数据,地图名称是翻译

问题是,第一次将值设置为正确输入。但是在单击按钮后,将输入值发送到服务器是输入重置。我需要将值留在输入框中。我认为,这种绑定应该有效。但事实并非如此。

请帮助我,我该如何纠正这个问题。

0 投票
1 回答
1556 浏览

android - 自定义组件的Android双向数据绑定?

我正在尝试按照博客文章尝试获取两种方式的数据绑定以适用于自定义组件(其中包含 EditText 的约束视图)。

我能够让两个标准 EditText 组件与我的模型同步(两种方式),但是我无法让我的自定义组件中的更改流入我的模型(尽管数据绑定的一种方式有效)。

我的模型:

活动:

自定义组件:

我认为那篇文章中的“挂钩事件”部分完全超出了我的想象。我真的只需要一个简单的组件的 setter 和 getter,所以不能完全理解 BindingAdapter 中正在做什么。在所有这些中,我认为这是我根本没有得到的这条线:

演示:https ://github.com/indgov/data_binding

0 投票
1 回答
1628 浏览

angular - 如何在 Angular 2 中使用具有类数据类型的 ngModel?

我想在 Angular 2 项目中使用类实例进行两种方式的数据绑定。可能吗?我缩短了代码以便于理解

我试过了,但我得到了这个错误

ngModel 不能用于使用父 formGroup 指令注册表单控件。尝试改用 formGroup 的合作伙伴指令“formControlName”。例子:

或者,如果您想避免注册此表单控件,请在 ngModelOptions 中指明它是独立的:

谢谢

0 投票
1 回答
69 浏览

javascript - 处理角度双向绑定以占用 DOM 渲染时间

我看不到最快的双向绑定的加载标签。

我有一个显示和隐藏加载标签的标志。但我看不到装载标签。因为角度渲染(绑定)速度非常快。


期望1:-

所以我想isloading在渲染回调开始和结束时显示和隐藏标志。我希望这是我解决方案的正确方法。是否可以?

期望2:-

我检查了堆栈溢出,然后建议使用$timeout. 但我认为这不是一个好的解决方案。但如果我们不能实现我的第一个期望,那么我可以顺其自然$timeout。但是这里我没有为 $timeout 函数设置大概的时间,我会在 $timeout 函数上设置准确的 DOM 渲染时间。


我为该问题制作了以下片段,您可以轻松地做出片段答案。

0 投票
1 回答
1773 浏览

angular - 双向绑定不起作用

我正在尝试学习 Angular 和 Angular-CLI。所以我用 Angular-CLI 创建了一个项目,从一开始它似乎运行得很好。现在为了测试,我将 app.component.html 文件更改为以下内容:

和我的 app.component.ts 相应地:

我收到错误:

未捕获的错误:模板解析错误:无法绑定到“ngModel”,因为它不是“输入”的已知属性。

此时由于某种原因,页面上没有呈现任何内容。我试图将 app.component.html 更改为:

现在页面正确呈现,我确实看到了输入框,但是当我键入时我没有看到双向绑定,我没有看到我的<p>元素中的输出。

为什么会发生,如何解决?

0 投票
0 回答
165 浏览

angular - *ngFor 双向数据绑定 - Angular

我有BoardComponent几个嵌套的BoardColumnComponent

以及BoardColumnComponent以下字段:

所以我面临2个问题,

  1. 我需要拦截setterboardColumn 模型以将其与defaultBoardColumn.

  2. 以我目前的方法,我的应用程序挂起,我想是因为递归发射。

附加数据

我也尝试过通常的方法,但董事会没有改变

如果有不同的方法来实现这一点或我缺少的东西,我将不胜感激。

0 投票
1 回答
1167 浏览

angular - Angular2:如何将 ngModel 与其他组件的双向绑定变量链接?

我有一个通过自定义双向绑定main-component将变量传递给另一个组件的方法。sub-component传递的变量通过 用于输入标签ngModel

这两个变量目前不同步。如何链接这两个变量?

主要组件.ts

main.component.html

子组件.ts

sub.component.html

鉴于上述配置,我希望you.name主组件中的变量variable和子组件中的变量同步。

如何做到这一点?

0 投票
0 回答
605 浏览

angular - 更改 Angular2 中与 [{ngModel}] 绑定的变量的值

我是 Angular2 的新手,正在开发一个小应用程序。我以如下形式将变量绑定到输入元素:

现在我想在这样的函数中重置typeId的值:

但是(我猜是因为两种方式绑定)该值没有被重置并且输入字段中的旧值仍然存在。如何在运行时更改变量以使输入字段得到更新?也许这是一个愚蠢的问题,但我真的不知道......

0 投票
2 回答
2143 浏览

reactjs - React.js 在一个函数中对两个不同的输入进行双向绑定

我可以在一个函数中为两个不同的输入进行双向绑定吗?

为了绑定:

至:<p>Blog title:{this.state.title}</p> <p>Blog content:{this.state.content}</p>

我需要两个非常相似的功能:

有什么办法可以保存一些代码,只使用一个功能但同时绑定“标题”和“内容”?

0 投票
2 回答
2773 浏览

angular - 在 [(ngModel)] 中绑定私有属性

如何private在 Angular 4 中绑定属性?

这里

它抛出Cannot assign to 'getInsertDate' because it is a constant or a read-only property.