问题标签 [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.
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"
指令,但它不起作用,我不知道为什么。
有人可以帮我解决这个问题吗?有什么想法或建议吗?
javascript - 使用 js 构建大型(5000 个元素 +)2 路绑定/同步前端
我为应用程序构建了一个大型的 2 路同步(读 + 写)电子表格前端(想想谷歌驱动器电子表格),后端保持用户/视图之间的所有数据同步很好,但我一直遇到问题页面上的 2 路绑定数。我目前使用 angualr.js 并且似乎有大约 1500 个元素的限制,之后 js 变得无响应。
在前端构建大型 2 路数据绑定/同步的正常方法是什么?
angularjs - $watch 在控制器更改后未触发指令
我有一个指令,它基本上只是一个倒数计时器。用法相当简单,为真时开始倒计时startFlag
,为假时停止计数,时间用完时调用超时函数:
我的问题是timeAllotted
上面的手表可以工作,但只是第一次。它由从远程数据源加载的对象的属性设置:
所有这一切都很好。timeLeft
当数据发生变化时,指令会正确更新其局部变量vm.timeRemaining
(它初始化为 0,然后在其他对象可用时更新)。
但是,我还希望提供在超时条件发生后延长时间的选项。但是当我vm.timeRemaining
在超时条件之后更新时,$watch
不会触发 on 指令。
这是我当前尝试更新控制器的剩余时间:
对于它的价值,任务超时并没有做太多有趣的事情:
知道为什么在我的指令的绑定变量上无法识别vm.timeRemaining
我的控制器功能的更新吗?extendTime
$watch
timeAllotted
更新
下面是从我的数据上下文中检索任务的函数(它基本上只是一个存储库容器)。一旦 promise 被解决,vm.timeRemaining
就会被更新,并且在这种情况下,被$watch
指令正确地编辑:
javascript - angularjs 范围变量未在 routeChangeSuccess 中更新
AngularJs 起点 app.js
页面控件 Js 文件
当我像 /page/food 一样动态更改路线时,/page/
$scope.currentrouteinPageCtrl
story 在窗口滚动事件中同时获取食物和故事的价值
我认为不需要那个stil,我试过$scope.apply()
给我消化错误所以我试过这个$rootScope.$$phase || $rootScope.$apply();
我也尝试从 $location.path() 获取路径但仍然面临同样的问题
提前致谢
javascript - Angular.js:从相同的 ng-model 获取不同的形式 {{display.value}} 和 $scope.value
示例表格:
示例显示元素:
问题:
如何让我的 Angular 控制器option[value]
在具有{{coffee.location}}
显示option[display-value]
(或它需要的任何属性)的同时接收?
我希望我的问题很清楚。提前喝彩。
angularjs - 在 ng-repeat 中使用数据绑定
我的问题场景是我已经通过控制器动态获得了一个名称,现在我要做的是将该名称绑定到我的 ng-repeat 中。我怎样才能做到这一点?请给我一些建议。有什么方法可以在 ngrepeat 中获取该动态名称?
一个例子:
这是一个小提琴链接。
javascript - 带有表达式的 Ractive 双向数据绑定
我想要一个input
表示原始(字符串,数字)值的列表,以便您可以将它们作为逗号分隔值输入,但将模型更新为数组:
将被管理:
并会呈现如下内容:
* [ TheFunctionName ] [ "arg1", 2, "arg3" ]
* [ AnotherMethod ] [ 4.678 ]
主要是因为我不需要找出一个好的 UI 来动态添加/删除参数输入(比如在某些按键上绑定,使用按钮添加/删除字段等)。
我可以使用“占位符”属性进行数据绑定,并且可能会观察到更新实际属性,但是在“序列化”底层模型时我需要将其过滤掉。似乎我可以使用具有 getter 和 setter 的计算属性,但从文档中不清楚它如何与列表中的嵌套属性一起使用(即列表中有许多条目data
)Transforms
。
javascript - Angular JS:将多个数据绑定到表中
好的。我正在整理一个数据表,该表将查看一所学校的专业和未成年人。我遇到了尽量不在数据中重复自己的问题,但不确定如何将数据拉入文档,甚至不确定如何将数据设置到不同的数组中。在我能找到的这两个领域中的任何一个方面寻找一些建议和帮助。当我搜索文档和 API 时,它们似乎都没有深入到数据中以真正获得我想要完成的任务。
我做了一个 plunker 来更清楚地展示我的问题,或者至少我希望让它更清楚。
http://plnkr.co/edit/2pDmQKKwjO6KVullgMm5?p=preview
编辑:
如果每个学位的学位可以被解读为布尔值,我什至可以接受,并且与教育水平相同。我只是不确定如何在不重复新表格行中的整行的情况下进行操作。 http://www.clemson.edu/majors
这是 HTML
这是 JS
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 usingview.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?
extjs - extjs:发布订阅类型设施?想要更新需要与数据存储同步的内容区域
在 ExtJS5 中,我如何更新/自动同步一个文本面板说 c,它列出了数据存储 D 中的记录,当 D 通过网格 G 动态修改时,网格 G 执行拖放操作从而更新其存储?