问题标签 [2-way-object-databinding]

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 投票
2 回答
259 浏览

angularjs - uploadcare.com 的 angularjs 数据绑定不起作用

我正在尝试将上传脚本集成到我的页面中。我使用uploadcare.com。他们提供了一个简单的指令,但我无法让它工作:

我正在设置 ng-model="test" 并且在我的控制器中我有以下内容:

html 代码如下所示:

当我检查 Firebug 时,我可以看到该小部件有效:

但是这个输入值永远不会填充回我的“$scope.test”。这是为什么?当我输出 $scope.test 它仍然说“测试”而不是我的图像路径值。

0 投票
1 回答
300 浏览

javascript - 通过 2 路绑定在嵌套模板之间切换聚合物

我有一个聚合物元素,它具有要根据称为“大小”的聚合物变量呈现的条件模板

我处理一个事件,在窗口调整大小时,我根据视口的宽度更改“大小”聚合物属性。

正确的模板在加载时呈现,一切都很好。但是,当 resize 事件触发并且变量更改时,什么也没有发生。

我认为当 size 属性发生变化时,根据我的模板绑定,另一个模板将被渲染,但我“大错特错”。我的问题是如何让聚合物基于更改 2 路绑定变量在模板之间切换?

将不胜感激任何信息。

0 投票
4 回答
17832 浏览

javascript - 两种方式绑定不适用于 ng-repeat

我有一个简单的 ng-repeat 列表,其中我将当前列表项值分配给控制器上的另一个属性,如下所示:

但是当我单击保存按钮时,我会为 $scope.value 设置默认值。我希望显示特定输入文本的值。

这是控制器:

如何在保存函数调用时访问控制器中输入项的更新值。

这是相同的 plunker:plnkr

更新:我希望将值提取到控制器而不将其作为参数传递。

0 投票
1 回答
185 浏览

javascript - attributeChanged 未在 2 路数据绑定聚合物上触发

在我的聚合物元素中,我有 attributeChanged 方法

当我手动更改属性时会调用它。

当我通过 2 路数据绑定设置属性时,这不会被调用

这不会调用attributeChanged方法,而只是调用myAttributeChanged.

这是预期的行为吗?有没有办法为 2 路数据绑定调用一个空白的 Changed 方法?

0 投票
2 回答
123 浏览

javascript - 如何从模板中观察模型的深层变化?

我的范围上有一个模型,它是对象的对象。我已经看到了这个,但是我想从模板中执行此操作,因为我在其上定义了一个过滤器。

我已经定义了一个过滤器getPrice来计算用户购物车中商品的价格。

我在模板中有:

是否可以在任何嵌套对象值(即购物车中的一个项目的数量)更改后更新模板?如果是,如何?

0 投票
1 回答
893 浏览

c# - 与用户控件对象的两种方式数据绑定

我对数据绑定有点陌生。我设法进行了单向数据绑定,但是在进行双向数据绑定时遇到了一些麻烦。

我制作1)了一个包含一些文本块的用户控件, 2)一个包含一些字符串属性的类, 3)一个使用此类生成具有这些属性的对象4)的 ObservableCollection,一个由 ObservableCollection 生成的列表视图,并将用户控件作为项目的数据模板。

为了将类的属性与用户控件的 TextBlock 绑定,我在 XAML 中编写了以下代码:

用户控件内的文本块在哪里MyTextBlock,并且TextBlock_Property是我创建的类的属性之一。我也试过Text="{Binding TextBlock_Property, Mode=TwoWay}",但我没有看到任何区别。

注意:当我更改创建对象的属性时,文本块也会更改,但是当我更改文本块内容时,属性不会更新。

更新:我做的课是

0 投票
0 回答
54 浏览

javascript - 无论如何要更新特定事件的 Angular 一次性绑定?

我正在开发一个带有指令的应用程序,该指令获取一个数组,然后在表格中显示该数组。表中的数据永远不需要编辑。但是,用户可以搜索和过滤表结果,此时整个数据数组被替换。页面上的观察者很快就会失控,但我无法实现一次性绑定,因为它们削弱了搜索和过滤功能。

无论如何,我可以使用一次性绑定,但当它被完全替换时仍然会在数组上触发一个新的 ng-repeat?

谢谢

0 投票
9 回答
98357 浏览

javascript - React 输入 defaultValue 不随状态更新

我正在尝试使用 react 创建一个简单的表单,但在将数据正确绑定到表单的 defaultValue 时遇到困难。

我正在寻找的行为是这样的:

  1. 当我打开我的页面时,应该用我的数据库中的 AwayMessage 的文本填充文本输入字段。那是“示例文本”
  2. 理想情况下,如果我的数据库中的 AwayMessage 没有文本,我希望在文本输入字段中有一个占位符。

但是,现在,我发现每次刷新页面时文本输入字段都是空白的。(尽管我在输入中输入的内容确实正确保存并持续存在。)我认为这是因为输入文本字段的 html 会在 AwayMessage 为空对象时加载,但在 awayMessage 加载时不会刷新。此外,我无法为该字段指定默认值。

为了清楚起见,我删除了一些代码(即 onToggleChange)

我的 AwayMessage 的 console.log 显示以下内容:

0 投票
1 回答
636 浏览

javascript - JavaScript 中的简单 Observable 2-way 数据绑定

我知道很多大牌 MVC,M** 风格的 JavaScript 框架允许与 Observables 进行 2 路绑定。

意思是如果我:

  • 更新一个 DOM 输入字段,它也将更新一个 JavaScript 对象变量,该变量也可以通过 AJAX 请求保存到服务器。
  • 如果我更新 JavaScript 对象变量,它也会依次更新 DOM 文本字段。

当我正在学习 JavaScript 时,我很想跳过大牌库并学习如何以最基本的原始 JavaSript 形式来做这件事。

任何人都可以在不使用 BackboneJS、Knockout、Angular 或其他库的情况下提供此功能的快速易于理解的演示吗?

jQuery 是可以接受的。

我将不胜感激,请提供帮助。

0 投票
1 回答
254 浏览

javascript - OpenUI5 用函数绑定属性,而不是直接访问

我想将 JSONModel 中的属性(在本例中为 flag_baz)绑定到复选框。问题是 json 模型看起来像这样。

在这种情况下,X 表示“真”,空字符串表示“假”

我想做的是评估一个从模型绑定到复选框的函数(这会将“X”/“”转换为真/假)并在从复选框绑定到模型时评估其他一些函数(这将从真/假回到“X”/“”)。

我想要这样的东西:

我知道 funcFromStringToBool 被称为格式化程序。

我将如何添加 funcFromBoolToString 函数?

希望这是有道理的。

提前谢谢。