问题标签 [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 投票
1 回答
557 浏览

polymer - 聚合物:更改选中属性后未更新复选框元素

我正在用聚合物编写一个示例程序。我有一个模板,如下所示:

单击调用哪个函数 f1() 时,我有一个如下所示的按钮:

最初,所有复选框都被选中。用户可能会取消选中某些复选框,然后单击按钮。f1() 收集用户检查过的所有元素。执行 f1 后,我希望再次选中所有复选框。f1() 的代码如下所示:

以下是 dataArray 元素的定义(我只是在控制台中打印出来的):

我面临的问题是,在 f1() 执行后,对已检查属性所做的更改不会反映在 UI 中,即使我已经分配了要检查的数组中的所有值。我已经阅读了关于不直接反映子属性的信息,但我不明白如何在此处使用 notifyPath() 或如何使用数组突变方法。任何帮助表示赞赏。

0 投票
1 回答
592 浏览

javascript - 带有键值的 ng-options 表达式

我试图实现基于 country 、 state 、 city 的级联下拉列表,这些下拉列表是从我附加的以下链接中找到的,我对使用数组和 ng-option 键值对的 ng-options 的正则表达式感到困惑。

我尝试了一些来自在线的示例,以了解 ng-options 如何与以下示例一起使用

我对 ng-options 的以下表达式用法感到困惑:

0 投票
1 回答
75 浏览

html - 如何绑定按钮的选择状态

我正在尝试将按钮的选择状态(选择或未选择)与aria-pressedaria-checked属性绑定。但在任何情况下,sreen reader 都没有宣布价值。我试过像:

如何实现屏幕阅读器宣布按钮的选择状态?

0 投票
2 回答
450 浏览

javascript - JavaScript Vanilla 两种方式绑定

我发现这个用纯 JavaScript 编写的非常短但方便的双向绑定代码。数据绑定工作正常,但我想要的是从第一个输入中获取值并将其乘以所需的数字并将结果绑定到下一个输入。我将不胜感激任何帮助。这是我的 HTML 代码:

和 JavaScript 代码:

0 投票
2 回答
832 浏览

javascript - 用于更改文本的敲除按钮单击绑定

我对 knockout.js 很陌生。我正在尝试一个功能,当用户单击按钮时,值会发生变化。它有点像开/关按钮。我将后端的值存储为真假。任何帮助将不胜感激。

.js 代码

.html 代码

0 投票
1 回答
562 浏览

typescript - 淘汰赛绑定 fontawesome 类

发布代码示例

你好,

我在将 CSS 类 font-awesome 绑定到标签时遇到问题。

HTML:

TS:

在我的情况下绑定的正确方法是什么?

发布代码示例

我尝试了像textcss: { icon }这样的基本绑定,但它们现在也可以工作了。

感谢您的时间和帮助

0 投票
1 回答
216 浏览

api - 当页面加载太多数据时,优化 Ionic 中的 ngFor

目前我正在开发一个 Ionic 页面,该页面从 API 获取数据,大约 50,000 个项目并将它们保存在selectedItem(数组)中。我必须像这样列出它们:

我已<ion-infinite-scroll>在列表末尾应用了,使用了此处建议的 trackBy 函数

但问题只是稍微解决了。该页面在计算机上仍然存在大约 1 秒和平板设备上 2 秒的延迟和延迟,即使在我切换 Menuside 时也会发生这种情况。

问题是:有没有其他方法可以改善这种情况?我可以想到一种将数据绑定到这些列表的方法,所以一旦数据被绑定,页面可能会忽略列表。

谁能建议我一个解决方案?

0 投票
0 回答
25 浏览

c# - html绑定变量到C#

我有一个名为“selectedAssignment”的变量绑定在 html 中,我想从 C# 访问它。

现在我正在做的是:

在 C# 中:

这第一次工作正常,但是当变量发生变化时,值保持不变(不仅在后端,而且在 html 中)。此外,{{selectedAssignment.name}} 确实会在它不是值属性的地方进行更新,例如标题。

我怎样才能让它在隐藏字段中更新?

0 投票
2 回答
622 浏览

javascript - VueJS数据绑定对象样式不起作用

我正在使用 v-bind 玩 VueJS 样式,当我从 v-bind 内联样式切换到 v-bind 对象样式时,我注意到了一些特别的事情。内联样式工作正常。但是,当我在 Vue 中创建一个对象并尝试使用该对象设置样式时,宽度和高度不设置样式,即使其余部分设置样式也是如此。

我意识到这很可能是语法错误,我尝试在高度和宽度的值周围添加引号。

我希望看到一个 800 宽的栏,但是没有出现,我不知道为什么。完整代码位于:https ://jsfiddle.net/totoro183/nho1jv37/51/

0 投票
2 回答
732 浏览

javascript - Angular:在 ngFor 内绑定 ngIf

我正在尝试在每个列表项上使用条件填充列表,其中条件可以通过用户输入进行更改。
例如:
app.component.ts

app.component.html

在这里,我有一个列表,['ABC', 'def', 'GHI']我想始终显示其中的一些元素,(condition: true)而对于其余的,我将条件放在一个变量(check)中。
列表正在正确加载,但在(check)通过下拉列表更改条件变量时,没有反映更改(列表未更新)。
任何帮助将非常感激!