问题标签 [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 回答
867 浏览

javascript - angular 2 - 单选按钮双向绑定,获取隐藏元素中的值

Plunker 链接

我正在从 JSON 加载表单。

我需要关于以下问题的帮助。

问题:单击保存按钮时,我需要获取单选按钮值truefalse

但现在我将两个单选按钮值都设置为“在控制台中为真”

用户可以单击这两个按钮,因为它是一个单选组,我需要一个值为真,另一个值为假,反之亦然

我的组件 HTML 代码

预期:我需要单选按钮值真或假,反之亦然,它不能同时为真或假。

  • 值应该被发送到隐藏变量。
  • 双向绑定

我的 Json(我有非常复杂的 json,但这里使它变得简单)

0 投票
1 回答
673 浏览

extjs - 在 ExtJS 中使用网格作为字段

在 ExtJS 中将模型属性绑定到表单字段非常容易:

在这种情况下,modelInstance字符串字段someField将被同步到文本框的值,这要归功于两种方式的绑定。这很棒。

我想要实现的是在模型字段不是字符串而是数组的情况下获得相同的行为。这是模型:

我想做这样的事情:

可以理解,我希望gridfield组件将Ext.grid.Panel其存储数据扩展并同步到modelInstancefield hardField

目前我有这个:

这是问题所在:

  • 如何注入现有modelInstance.hardField数组作为gridFieldItems存储初始数据,
  • 我如何绑定gridArray配置来存储数据,以便在我们对网格进行粗加工时进行更新,
  • 以优雅的 MVVM 方式完成所有这些操作,而无需编写一堆试图强制 JS 对象之间同步的侦听器。

请提供已知有效的测试解决方案,我自己已经尝试了很多不同的方法,但到目前为止没有成功。

0 投票
1 回答
1903 浏览

angularjs - textarea 双向绑定不适用于 ng-model

我正面临着一个奇怪的 Angular js 问题。我正在使用 textarea 并为此设置了默认值。但是当我手动更改文本区域中的值时,它不会在我的控制器中更新。

另一个范围也没有绑定到默认值。

我的 HTML

JS

首要问题。在控制台中,我只收到默认值..当我在 textarea 中更新时,我没有收到更新的值。其次是 $scop.tmDynam.one 没有被 $scope.postrequest 更新。我也使用了 ng-model 而不是 {{}}。但是问题仍然存在请帮助

0 投票
0 回答
3423 浏览

angular - 使用 ngModel 将输入绑定到未定义的对象以创建新用户

我的 html 看起来像这样

我试图将输入绑定到用户类属性,但在加载时出现错误

我如何围绕这个控制台错误编码?

TypeError:无法读取未定义的属性“用户名”我应该使用 ngModel 还是不需要它?

0 投票
1 回答
150 浏览

javascript - AngularJS双向数据绑定被setTimeout取消

我使用以下Controller As语法得到了这段 HTML:

使用这个非常精简的控制器:

以及我的服务模块中的这一部分:

我的问题是,当上面的uiVisibility.overlayLoaderVisible和的值uiVisibility.resultVisible发生变化setTimeout()时,UI 上没有任何反应,但我知道它会执行,因为我已经使用控制台日志记录对其进行了测试。如果我只用两行替换超时,那么它们将执行,但它是同步的,因此在视图中每个更新之间有一秒钟左右的时间。

我的问题:当在异步方法中修改值时,这里是否有一些机制可以防止双向数据绑定setTimeout()

我将这两个值放入一个关联数组中以说明 JavaScript 的传递共享,并且可以与我使用双向绑定的所有其他对象一起正常工作。

0 投票
3 回答
7294 浏览

angular - 双向绑定 - 嵌套对象 - 角度 - 无法读取未定义的属性

我想将 [(ngModel)] 用于嵌套对象,但给了我一个错误

Cannot read property 'mxn' of undefined

这些是我的模型的数据结构:

公司.model.ts

货币模型.ts

这是company.ts的一部分

和 HTML

在 HTML 页面中,我可以mxn通过使用来显示值:

但是当我想将它与ngModel双向绑定一起使用来更新值并将其发送到数据库时它不起作用。

[(ngModel)] = "newCompany.currency.mxn" 它会产生上面提到的错误。如果我使用 [(ngModel)] = "newCompany.currency"它不会给我一个错误,但它是无用的代码,因为我不能为mxn.

我不得不说它可以[(ngModel)] = "newCompany.name"正常工作,我可以更新名称。

当我使用 Postman 进行尝试时,后端工作正常。问题是有棱角的一面。

所以问题是我的数据结构是否正确,如何对嵌套对象使用双向绑定?

0 投票
1 回答
1451 浏览

angular - 输入和列表之间的角度双向绑定

我有以下内容:

我想做的是假设有 5 个列表。单击其中一个时,我想在输入字段中显示单击的值。

如何在列表值和输入字段值之间创建双向绑定?

我是角度的新手,任何帮助将不胜感激。

谢谢你。

0 投票
1 回答
95 浏览

javascript - 具有延迟的 ng-change 更新模型

每个人。我遇到了 angularjs 的问题。我为 input[type="text"] 创建了自定义指令并作为模型传递给变量。但是 ng-change 事件调用了具有先前变量值的函数。示例:状态:0,类型 1,功能中 - 0。状态:1,类型 548,功能中 - 1。状态:548,类型 3,功能中 548。

我的html:

和js:

0 投票
3 回答
2570 浏览

java - 在 null 上找不到值类型为 java.lang.String 的属性“android:text”的 getter

我刚刚将我的一个项目的 AndroidStudio 从 2.3 版本更新到 3.0.1。当我尝试构建项目时,AndroidStudio 现在抱怨数据绑定问题。我正在使用 gradle 类路径的 alpha 版本

它抱怨的那一行使用了双向数据绑定EditText

viewModel 是一个类的实例,它的parent(BaseViewModel)extends BaseObservable

请注意,它以前工作正常,当我更新AndroidStudio时它停止工作。我尝试了清理/构建无效/重新启动选项,但没有运气。我真的很感激任何关于我所缺少的东西的指示。

0 投票
3 回答
4084 浏览

android - 自定义视图上的两种方式绑定

我在 android 中有一个组合视图,其中包含几个 textView 和一个 EditText。我为我的自定义视图定义了一个名为textand方法getText的属性。setText现在我想以绑定到内部编辑文本的方式为我的自定义视图添加 2 路数据绑定,因此如果我的数据得到更新,编辑文本也应该更新(现在可以使用),当我的编辑文本得到更新时,我的数据也应该更新。

我的绑定类看起来像这样

我试图用下面的代码绑定文本。userInfo是一个可观察的类。

当我运行项目时出现此错误

错误:(20, 13) 在视图类型“ir.avalinejad.pasargadinsurance.component.ErrorInputLayout”上找不到事件“textAttrChanged”

我的自定义视图看起来像这样