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

javascript - scope.$watch 项不适用于 javascript 对象的字段

我遇到了查看 java 脚本对象属性的问题。我在这里部分描述了这个问题,但我没有得到解决方案......

我将用另一种方式描述这个问题。这是小提琴

这是我的指令的代码:

这是我的 HTML 布局:

我想将输入元素中的值绑定到values.amount外部控制器中的项目,但是我的指令的监视指令不起作用......

我要实现的逻辑如下:如果用户放一个点,我想向输入元素添加额外的零。我的意思是如果输入元素中的值说“42”并且用户放了一个点,那么现在的值是“42”。然后必须添加两个额外的零才能像这样“42.00”。

如果我使用ng-model="amount"将输入元素的数据绑定到外部控制器中的变量,则输入元素中的逻辑有效,但外部控制器的数量值不会更新。

如果我ng-model="values.amount"用于绑定,则外部控制器的 values.amount 和输入元素逻辑都不起作用。

实际上我必须将输入元素绑定到values.amount使用ng-model="values.amount"指令,但它不起作用,我不知道为什么。

有人可以帮我解决这个问题吗?有什么想法或建议吗?

0 投票
0 回答
80 浏览

javascript - 使用 js 构建大型(5000 个元素 +)2 路绑定/同步前端

我为应用程序构建了一个大型的 2 路同步(读 + 写)电子表格前端(想想谷歌驱动器电子表格),后端保持用户/视图之间的所有数据同步很好,但我一直遇到问题页面上的 2 路绑定数。我目前使用 angualr.js 并且似乎有大约 1500 个元素的限制,之后 js 变得无响应。

在前端构建大型 2 路数据绑定/同步的正常方法是什么?

0 投票
0 回答
1043 浏览

angularjs - $watch 在控制器更改后未触发指令

我有一个指令,它基本上只是一个倒数计时器。用法相当简单,为真时开始倒计时startFlag,为假时停止计数,时间用完时调用超时函数:

我的问题是timeAllotted上面的手表可以工作,但只是第一次。它由从远程数据源加载的对象的属性设置:

所有这一切都很好。timeLeft当数据发生变化时,指令会正确更新其局部变量vm.timeRemaining(它初始化为 0,然后在其他对象可用时更新)。

但是,我还希望提供在超时条件发生后延长时间的选项。但是当我vm.timeRemaining在超时条件之后更新时,$watch不会触发 on 指令。

这是我当前尝试更新控制器的剩余时间:

对于它的价值,任务超时并没有做太多有趣的事情:

知道为什么在我的指令的绑定变量上无法识别vm.timeRemaining我的控制器功能的更新吗?extendTime$watchtimeAllotted

更新

下面是从我的数据上下文中检索任务的函数(它基本上只是一个存储库容器)。一旦 promise 被解决,vm.timeRemaining就会被更新,并且在这种情况下,被$watch指令正确地编辑:

0 投票
0 回答
172 浏览

javascript - angularjs 范围变量未在 routeChangeSuccess 中更新

AngularJs 起点 app.js

页面控件 Js 文件

当我像 /page/food 一样动态更改路线时,/page/
$scope.currentrouteinPageCtrlstory 在窗口滚动事件中同时获取食物和故事的价值

我认为不需要那个stil,我试过$scope.apply()给我消化错误所以我试过这个$rootScope.$$phase || $rootScope.$apply();

我也尝试从 $location.path() 获取路径但仍然面临同样的问题

提前致谢

0 投票
1 回答
260 浏览

javascript - Angular.js:从相同的 ng-model 获取不同的形式 {{display.value}} 和 $scope.value

示例表格:

示例显示元素:


问题: 如何让我的 Angular 控制器option[value]在具有{{coffee.location}}显示option[display-value](或它需要的任何属性)的同时接收?

我希望我的问题很清楚。提前喝彩。

0 投票
1 回答
61 浏览

angularjs - 在 ng-repeat 中使用数据绑定

我的问题场景是我已经通过控制器动态获得了一个名称,现在我要做的是将该名称绑定到我的 ng-repeat 中。我怎样才能做到这一点?请给我一些建议。有什么方法可以在 ngrepeat 中获取该动态名称?

一个例子:

这是一个小提琴链接。

0 投票
1 回答
624 浏览

javascript - 带有表达式的 Ractive 双向数据绑定

我想要一个input表示原始(字符串,数字)值的列表,以便您可以将它们作为逗号分隔值输入,但将模型更新为数组:

将被管理:

并会呈现如下内容:

* [ TheFunctionName ] [ "arg1", 2, "arg3" ] * [ AnotherMethod ] [ 4.678 ]

主要是因为我不需要找出一个好的 UI 来动态添加/删除参数输入(比如在某些按键上绑定,使用按钮添加/删除字段等)。

我可以使用“占位符”属性进行数据绑定,并且可能会观察到更新实际属性,但是在“序列化”底层模型时我需要将其过滤掉。似乎我可以使用具有 getter 和 setter 的计算属性,但从文档中不清楚它如何与列表中的嵌套属性一起使用(即列表中有许多条目dataTransforms

0 投票
1 回答
1618 浏览

javascript - Angular JS:将多个数据绑定到表中

好的。我正在整理一个数据表,该表将查看一所学校的专业和未成年人。我遇到了尽量不在数据中重复自己的问题,但不确定如何将数据拉入文档,甚至不确定如何将数据设置到不同的数组中。在我能找到的这两个领域中的任何一个方面寻找一些建议和帮助。当我搜索文档和 API 时,它们似乎都没有深入到数据中以真正获得我想要完成的任务。

我做了一个 plunker 来更清楚地展示我的问题,或者至少我希望让它更清楚。
http://plnkr.co/edit/2pDmQKKwjO6KVullgMm5?p=preview

编辑:

如果每个学位的学位可以被解读为布尔值,我什至可以接受,并且与教育水平相同。我只是不确定如何在不重复新表格行中的整行的情况下进行操作。 http://www.clemson.edu/majors


这是 HTML


这是 JS

0 投票
0 回答
165 浏览

jquery - Will RivetsJS cause memory leaks without calls to unbind

From the Rivets.js documentation

Every call to rivets.bind returns a fully data-bound view that you should hold on to for later. You'll need it in order to unbind its listeners using view.unbind().

But what if it is not convenient to hang on to this reference? Must unbind always be called?

If the view's elements have been removed from the document using a method like jQuery'sremove(), will there still be guaranteed memory leaks because Rivets itself will continue to hold a reference to the element or the view?

0 投票
1 回答
193 浏览

extjs - extjs:发布订阅类型设施?想要更新需要与数据存储同步的内容区域

在 ExtJS5 中,我如何更新/自动同步一个文本面板说 c,它列出了数据存储 D 中的记录,当 D 通过网格 G 动态修改时,网格 G 执行拖放操作从而更新其存储?