问题标签 [property-binding]

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 投票
0 回答
2547 浏览

angular - Angular 6单元测试:无法绑定到因为它不是一个已知的属性&不是已知元素

我有一个包含多个组件和模块的角度应用程序。在这里,我试图简化和最小化结构以帮助理解问题。
应用结构

甜甜圈-card.component.html

donut-card.component.spec.ts

甜甜圈-card.component.ts

核心模块.ts

app.module.ts

由于整个应用程序中的属性绑定问题,单元测试失败。我已经提到了相当少的解决方案和堆栈溢出可用的检查,但到目前为止对我没有任何帮助。

0 投票
2 回答
407 浏览

html - 输入标签中占位符的属性绑定,具有两个属性

我想知道如何将两个属性绑定到输入标签的占位符。

这是有效的

但是如何在占位符中获取另一个属性,例如“this.forename”,所以两个属性都显示为中间有空格?

谢谢您的帮助!

0 投票
1 回答
413 浏览

angular - 子组件中的 Angular @Input 也会更新父组件中的值

0 投票
0 回答
38 浏览

wpf - 为什么快速更改的属性不会在 WPF 窗口上更新

我有一些在运行时变化得足够快的数字。我需要在 WPF 窗口上显示它。我尝试了几种方法,但没有成功。如果我将有趣的数字绑定到该属性,它只显示最后一个值,但没有在更改过程中。如果我直接设置文本 - 结果是一样的。但是如果我更改数字并设置窗口的 Title 属性,结果是可见的。

我知道更多变体:通过计时器更新文本并通过Window.OnRender事件更新它。但有趣的是,为什么带有 Title 的 case 是作品而其他的 - 不是。在 GUI 上显示快速变化的值的最佳和正确方法是什么?

0 投票
3 回答
2977 浏览

angular - 如何将属性绑定与异步数据一起使用?

我正在尝试将现有的前端与新的后端连接起来。前端组件之一具有以下模板:

现有的前端是一个原型,其中数据是静态的。在新版本中,数据不再是静态的,而是来自数据库,通过服务。因此,上面的属性绑定不再起作用。我怎样才能使它适应异步传输的数据?我见过像 {{ somedata | async }} 但我没有找到任何方法将其绑定到输入属性。有什么建议吗?非常感谢,尼古拉斯

0 投票
1 回答
4628 浏览

json - SAPUI5 将由对象组成的 JSON 模型绑定到 sap.m。桌子

我在将 JSON 模型绑定到sap.m.table. 模型本身是通过一个数组生成的,该数组本身会在整个代码中填充,最后它由不同的对象组成。

这是对象数据的屏幕截图:

示例数据。

这种结构对我来说似乎有点奇怪,因为我总是必须单击(...)才能看到实际内容。

无论如何,我尝试将labelNameuploadName绑定到一个两列表。

我已经尝试了不同的方法来将模型绑定到表格项,并将上传/标签名称绑定到单元格,但我还没有成功。另外我想在视图中完成所有绑定,而不是在控制器中!

这是我设置模型的方式:

这就是emptyCol在一个条目中的样子: emptyCol 数组

查看 UI5 检查器。我看到,该表具有与 /emptyColModel 的绑定,但没有列出任何项目或任何指向正确绑定的项目。

我的表的现有绑定

没有 ColumnListItems

那么如何正确绑定我的数据呢?我尝试了几次添加路径的尝试。

编辑

我只是查看了模型信息并意识到 mmodel 数据看起来像这样:

模型数据

所以我想,当它不是模型的实际属性而只是一个字符串时,访问uploadName会有点困难?

编辑 2

关于@TiiJ7 帮助的更新

我的第一个表的 xml 代码:

0 投票
1 回答
318 浏览

angular - 为什么我们需要绑定到 SRC 才能从 TypeScript 文件中获取图像?

我得到了一个存储名称和其他一些字符串属性的数组。

我也有“ImagePath”。我找到的解决方案是在图像源中,我们在源周围使用方括号 []。

我确实知道这意味着属性绑定,但是为什么我们要在 src 周围使用它。除了这个用例之外,了解财产的最佳方式是什么。

0 投票
1 回答
166 浏览

angular - 在 Angular 7 中获取属性

我想在提交表单时使用输入元素的属性。我阅读了模板引用变量的概念,它有助于在 Angular 中实现这种情况。

当我为输入元素的“id”属性分配一个值时,稍后当我尝试获取时,它会引发错误。它只允许模板引用变量来提取属性。

为什么我们不直接调用它的 ID 属性来访问 input 元素的属性

当我提交第一个按钮(直接调用 ID)时,它会抛出错误说

无法读取未定义的值。

当我提交第二个按钮时,它会打印我输入的正确值。

所以我的问题是

模板引用变量是获取 HTML 元素属性的唯一方法吗?

你不能以传统方式获取属性(直接调用 id 属性)吗?

0 投票
1 回答
51 浏览

angular - 将自定义组件指令绑定到 for 循环中的对象

我试图在我的视图中循环访问我在组件类中的代码中创建的组件列表,然后使用指令在 HTML 中显示该组件。

如何将我的指令绑定到列表中的组件实例:

这是我在代码中创建子组件列表的父组件:

这是该组件的 html 模板,我正在努力弄清楚如何绑定我的子组件的实际实例:

这是我的个人文件组件:

这是相应的 HTML 模板:

0 投票
1 回答
48 浏览

input - 我想为 2 个输入进行条件属性绑定

我有一个不同类型的动物列表,比如猫和狗。当我在列表中选择动物时,对于版本,我需要将值分配给子组件。子组件在 edit.ts 中有两个输入:@input cat:animal、@input dog:animal;我只想为其中一个属性绑定传递数据。

我尝试了两个条件选择器:

在我们拥有的组件中:

让我们承认 Dog 和 Cat 类是从动物继承的:

我想要这样的解决方案:

所以我希望选择的动物有条件地分配给其中一种类型,有一种方法可以使选择的动物被分配为狗,还是猫?