问题标签 [computed-observable]

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 回答
619 浏览

javascript - 过滤 observableArray

我在使用 knockout.js 过滤可观察数组时遇到问题

我的js:

包含数据的数组

视图模型:

用数据填充可观察数组

在可观察数组中创建附加参数

更改我的可观察数组中的附加值并将更改记录到控制台的函数

手动更改会影响目标阵列

过滤函数返回一个空数组:

我的html代码:

0 投票
2 回答
428 浏览

javascript - 当 foreach 具有计算的 observable 时,动画转换 beforeRemove/afterAdd

我在尝试使用 jquery 动画时遇到了一些挑战,例如 fadeIn() fadeOut() 和淘汰赛。

现场示例,没有动画:http: //jsfiddle.net/LkqTU/23801/

我使用计算出的 observable 来过滤我原来的慈善机构数组。计算是与 foreach 数据绑定的,我想让整个容器(使用 .tab 类)在任何更改之前淡出,并在更改之后淡入。

我曾尝试使用内置的 beforeRemove 和 afterAdd 属性,但是在计算我的数组时这似乎不起作用。从下面的实例中可以看出,容器被一些慈善机构的几个实例填满,即使底层的计算数组只包含正确的数组。

带有(失败)动画的实时示例:http: //jsfiddle.net/fy7au6x6/1/

关于如何控制动画计算的更改时间的任何建议?

这是两个数组,“所有慈善机构”和“按类别过滤的慈善机构”:

0 投票
1 回答
584 浏览

knockout.js - 淘汰赛将项目添加到每个可观察数组

我有一个函数,这是代码:

当我运行我的代码时,它说statePriceComputed is not defined

我试图将所有代码保留在模型对象中。

如果我这样做,它会起作用。

更多信息:

当我绑定变量时,我这样做了

你能给出建议为什么选项#1 不起作用。

0 投票
1 回答
275 浏览

javascript - 如何使用基本 KO 可观察数组来更新绑定到选择选项下拉列表的多个计算可观察数组

我有一个可观察的数组,其中包含绑定到网格行中的选择下拉框的可用项目。用户可以使用下拉菜单添加更多行并在每个行中选择项目。

问题是一旦在下拉行中选择了一个项目,除了选择它的下拉列表之外,它不应该在任何其他下拉列表中可用。从数组中删除所选项目会将其从所有其他下拉列表中删除,也会从选择下拉列表中删除。

例如:如果最初可用的数组包含 [a, b, c, d, e, f]

下拉菜单 1:选中 = a;可用 [ a , c, d, f]

下拉菜单 2:选中 = b;可用 [ b , c, d, f]

下拉菜单 3:选中 = e;可用 [c, d, e , f]

我正在尝试一种 ko.computed 方法,该方法根据 availableItems 加上当前选择的值返回一个数组。但是我在让计算更新每个下拉列表时遇到了一些问题。

粗略的代码片段:

0 投票
1 回答
40 浏览

knockout.js - 计算的 observable 不更新

我有一个计算出来的 observable,看起来像这样:

this.structure() 是一个 StructureVM 类的实例(我使用的是 TypeScript)。StructureVM 类中的 containsValueSet 函数如下所示:

我在 ValueSetVM (this.valueSets()) 列表上使用 _.find。将某些内容添加到 valueSets 数组时,计算值不会得到更新。这是为什么?我假设依赖链有问题?

是因为我使用了下划线吗?

亲切的问候,

登尤特。

0 投票
1 回答
441 浏览

javascript - 计算属性未在 aurelia 中更新

目前我尝试重新评估我的“启用”属性,但在我更改页面或 pageIndex 后它没有重新计算。

page.js

page.html

对于标准分页控件,实现此行为的正常方法是什么?如果在最后一页,我会尝试禁用“下一步”按钮。

我很感激任何帮助。

0 投票
1 回答
738 浏览

jquery - 如何屏蔽数据绑定到 Knockout 计算变量的输入文本框

我正在使用 jquery MASKED INPUT PLUGIN来屏蔽我的输入框,这些输入框是数据绑定到淘汰变量的。如果剔除变量是计算变量,我在屏蔽时遇到问题。

这是提琴手链接https://jsfiddle.net/himanshudhiman/2h1f18qo/5/

我能够屏蔽可观察数组的输入框。但是我没有得到计算变量输入框的屏蔽选项(即我的代码中的这里是“self.SelectById()”)。

视图模型

HTML

我有一个想法,我需要将动态创建的变量绑定到掩码的属性,并且在“self.listOfkeyValue()”中推送新元素后,我已经在“self.CreateNewFruit()”中完成了该操作。但是如何处理计算变量。如何掩盖它们。

0 投票
0 回答
91 浏览

object - Breeze:服务器计算属性到微风计算的 observable

我可以使用从HERE获取的代码轻松捕获服务器计算属性。

我有一个返回实体对象的计算属性。返回的实体类型是元数据的一部分。但是,breeze 将此实体作为对象返回,而不是可观察对象。是否可以配置微风以将此对象作为可观察对象返回,以便根据在服务器端定义的计算属性的条件更新对象?

0 投票
1 回答
120 浏览

knockout.js - 如何在加载时设置条件选择菜单 - KnockoutJS

我一直在研究一个两级的条件选择菜单,它将根据第一级选择更改第二级选项。

条件部分工作正常,但我意识到我需要支持加载选项,因此两个选择菜单都已填充。

我尝试设置 selectedLevelOne 和 selectedLevelTwo observables 的值,但这似乎不起作用。

我究竟做错了什么?

这里有一个小提琴来说明:http: //jsfiddle.net/mujaji/brwgetv1/1/

HTML

Javascript

0 投票
1 回答
623 浏览

knockout.js - 在文本输入中显示计算出的 observable

为什么input我的示例代码中的文本只显示输入的数值,而不是带有“ $”的格式化值?