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

angular - 如何使用 Angular 4 的属性绑定在 div 元素中设置颜色

我有跟随对象

所以我想根据这个对象列表动态地设置 div 颜色。我试图这样做:

但它不起作用。请你帮助我好吗?

0 投票
2 回答
5182 浏览

angular - Angular 7,枚举和输入属性绑定

问题是当使用 将枚举与视图模板绑定时@Input,枚举被解析为undefined. 组件:

视图模板:

控制台:

0 投票
1 回答
43 浏览

javascript - 如何在angular2 +中的模板视图中进行嵌套循环

我需要在模板中查看不同的数组索引及其值。我有这个对象:

我这样做:

[vegetables[0]]仅从列表中输出“Carrot”,仅此而已。相反,我需要它输出第一个数组及其所有内容,然后在第二次迭代中,输出带有“Carrotas”、“Onionas”等的第二个数组。如何实现这一点?

0将被替换为iwhich 将在每次遍历内部的不同列表数组时递增vegetables

0 投票
1 回答
698 浏览

javascript - 如何在一个指令上使用多个 ngFor 进行属性绑定

我正在使用提供draggable指令的 ng-drag 和 drop npm 模块。我还有一个 2D 数组,其中包含我想在li元素中显示的项目列表,并使它们中的每一个都可拖动。问题是我不能使用多个 ngFor,因为这在角度上是无效的,所以我需要找到一种方法来解决这个问题。为此,我将内部数组项包裹在里面ng-container,但这无济于事,因为我不能拖动单个li项,它会包裹整个列表。我想出的唯一想法是:

app.component.ts

app.component.html

但这也不会打印出任何东西。

现在我留下了这样的代码:

但它将所有项目放在外部数组索引中的一行中,而不是根据我的需要分开可拖动项目,如下所示:

在此处输入图像描述

但我希望每个项目都位于单独的绿色行中,并且每个项目都是可拖动的。

0 投票
1 回答
217 浏览

angular - NativeScript Angular 应用程序中的属性绑定延迟

我正在使用 nativescript-pedometer 插件构建 NativeScript Angular 应用程序。我设置了一个 Observable 来报告新的步骤。当报告新步骤时,我将号码记录到控制台,更新 Home 组件上的属性并调用ApplicationRef.tick().

UI 中的数字确实会发生变化,但只有在我在控制台中看到它和我在 UI 中看到它的时间之间延迟至少五秒,有时甚至长达一分钟之后。

而不是ApplicationRef.tick()我也试过NgZone.run(callback)and ChangeDetectorRef.detectChanges()。他们中的任何一个都有延迟。如果我不包含其中任何一个,则 UI 永远不会更新。

我应该提到我只在 iOS 设备上测试过这个问题,不确定这个问题是否会在 Android 上发生。

这是 home.component.ts:

这是 home.component.html:

0 投票
1 回答
1029 浏览

javafx - JavaFx 属性与屏幕上的多个对象绑定

我使用带有属性绑定的 JavaFx。我得到了一个具有属性“名称”和年龄的对象“人”。这些对象存储在 ObservableList 中。

属性绑定到 gui 上的标签。当我更改 ListBox 中的人时,右侧的数据也会更改。

带有人员列表的 GUI: 带有人员列表的 GUI

现在它涉及到我的问题。我想在一个窗口上显示所有人,如下图所示。

一个视图上有多个人的 GUI: 一个视图上有多个人的 GUI

我该如何处理。我想到了 HBox,但绑定不起作用。

仅供参考:在这里你可以找到我使用的教程。 https://code.makery.ch/library/javafx-tutorial/part1/

0 投票
2 回答
140 浏览

angular - Angular 2 - 检测绑定属性何时收到值

我想知道保税财产何时收到一个值,即使它是相同的值。

例如

那是一个特征组件

应用程序的组件

最后,应用程序的模板

bondedProperty ngOnChanges问题是,如果没有调用相同的值,并且该ngDoCheck方法不能解决我的问题,因为我不知道“更改”是否在bondedProperty.

0 投票
0 回答
197 浏览

javascript - 属性绑定如何与 Angular 中的指令一起使用?

所以我了解基本属性绑定如何以角度为元素(如输入)工作,但我遇到了一些使用节点模块的代码,该模块ng-drag-drop带有一组自己的自定义指令。在组件的 html 中有一个 div 元素,它使用称为droppable和属性绑定的指令之一,[dragOverClass]="'drag-target-border-green'"但 DIV 元素没有类似dragOverClass. 那么它是从哪里来的呢?指令?我正在检查数据绑定的角度文档,它没有说明这一点,只是带有输入值示例的基本属性绑定章节。谢谢您的帮助。

0 投票
3 回答
4187 浏览

angular - Angular 7的Html模板中的属性绑定作为函数参数

我在 html 模板中遇到问题。我想调用一个函数并将一个参数传递给函数。该参数是组件类中的一个属性。我怎么能在函数调用中绑定这个属性。我尝试了不同的选择,但未能成功。

1.

2.

  1. 在组件中使用 Getter。

    获取 myUrl = function(){ return "./app/setup/" + ${this.Url} }

在 html 中,

如何在函数调用中绑定属性。请建议。

谢谢,

0 投票
1 回答
1815 浏览

angular - 带有按钮工具提示的 ng 模板绑定不起作用

tolTemplate 没有与 [tooltip] 绑定

任何想法,如何解决这个问题。

在此处输入图像描述\