问题标签 [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.
angular - 如何使用 Angular 4 的属性绑定在 div 元素中设置颜色
我有跟随对象
所以我想根据这个对象列表动态地设置 div 颜色。我试图这样做:
但它不起作用。请你帮助我好吗?
angular - Angular 7,枚举和输入属性绑定
问题是当使用 将枚举与视图模板绑定时@Input
,枚举被解析为undefined
. 组件:
视图模板:
控制台:
javascript - 如何在angular2 +中的模板视图中进行嵌套循环
我需要在模板中查看不同的数组索引及其值。我有这个对象:
我这样做:
但[vegetables[0]]
仅从列表中输出“Carrot”,仅此而已。相反,我需要它输出第一个数组及其所有内容,然后在第二次迭代中,输出带有“Carrotas”、“Onionas”等的第二个数组。如何实现这一点?
0
将被替换为i
which 将在每次遍历内部的不同列表数组时递增vegetables
。
javascript - 如何在一个指令上使用多个 ngFor 进行属性绑定
我正在使用提供draggable
指令的 ng-drag 和 drop npm 模块。我还有一个 2D 数组,其中包含我想在li
元素中显示的项目列表,并使它们中的每一个都可拖动。问题是我不能使用多个 ngFor,因为这在角度上是无效的,所以我需要找到一种方法来解决这个问题。为此,我将内部数组项包裹在里面ng-container
,但这无济于事,因为我不能拖动单个li
项,它会包裹整个列表。我想出的唯一想法是:
app.component.ts
app.component.html
但这也不会打印出任何东西。
现在我留下了这样的代码:
但它将所有项目放在外部数组索引中的一行中,而不是根据我的需要分开可拖动项目,如下所示:
但我希望每个项目都位于单独的绿色行中,并且每个项目都是可拖动的。
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:
javafx - JavaFx 属性与屏幕上的多个对象绑定
我使用带有属性绑定的 JavaFx。我得到了一个具有属性“名称”和年龄的对象“人”。这些对象存储在 ObservableList 中。
属性绑定到 gui 上的标签。当我更改 ListBox 中的人时,右侧的数据也会更改。
带有人员列表的 GUI:
现在它涉及到我的问题。我想在一个窗口上显示所有人,如下图所示。
一个视图上有多个人的 GUI:
我该如何处理。我想到了 HBox,但绑定不起作用。
仅供参考:在这里你可以找到我使用的教程。 https://code.makery.ch/library/javafx-tutorial/part1/
angular - Angular 2 - 检测绑定属性何时收到值
我想知道保税财产何时收到一个值,即使它是相同的值。
例如
那是一个特征组件
应用程序的组件
最后,应用程序的模板
bondedProperty
ngOnChanges
问题是,如果没有调用相同的值,并且该ngDoCheck
方法不能解决我的问题,因为我不知道“更改”是否在bondedProperty
.
javascript - 属性绑定如何与 Angular 中的指令一起使用?
所以我了解基本属性绑定如何以角度为元素(如输入)工作,但我遇到了一些使用节点模块的代码,该模块ng-drag-drop
带有一组自己的自定义指令。在组件的 html 中有一个 div 元素,它使用称为droppable
和属性绑定的指令之一,[dragOverClass]="'drag-target-border-green'"
但 DIV 元素没有类似dragOverClass
. 那么它是从哪里来的呢?指令?我正在检查数据绑定的角度文档,它没有说明这一点,只是带有输入值示例的基本属性绑定章节。谢谢您的帮助。
angular - Angular 7的Html模板中的属性绑定作为函数参数
我在 html 模板中遇到问题。我想调用一个函数并将一个参数传递给函数。该参数是组件类中的一个属性。我怎么能在函数调用中绑定这个属性。我尝试了不同的选择,但未能成功。
1.
2.
在组件中使用 Getter。
获取 myUrl = function(){ return "./app/setup/" + ${this.Url} }
在 html 中,
如何在函数调用中绑定属性。请建议。
谢谢,