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

wpf - 自定义绘制复选框时,如何将椭圆形的填充颜色绑定到复选框的前景?

我正在尝试制作一个看起来像一个小 LED 灯的 CheckBox:选中时颜色鲜艳,未选中时为灰色。在我的应用程序中,我需要具有不同 LED 颜色的状态灯。有人告诉我“WPF 方式”是找到几乎与您想要的完全一样的控件,然后对其进行自定义,这就是我正在尝试的。

我找到了 ColorToSolidColorBrushValueConverter 的代码,它允许我将 CheckBox 的前景色转换为在填充 LED 时使用的画笔。

老实说,我现在唯一需要做的就是完成 Ellipse 的 Fill 属性上的绑定路径,但我无法确定正确的绑定字符串。我尝试过诸如 Path=Foreground、Path=Target.Foreground、Path=TargetSource.Foreground、Path=Source.Foreground、Path=Parent.Foreground 之类的东西——但没有任何东西会导致 Ellipse 显示填充颜色。

在我的代码中,我注释掉了一个触发器,该触发器设置为在未选中该框时更改颜色,因此我可以确定触发器没有出现意外行为并阻止我看到颜色。为了简洁起见,我删除了这篇文章中注释掉的代码,这就是为什么所示的这种样式目前只能显示“已检查”状态的原因。

我希望名为 ColorDot 的 Ellipse 会在某个时候用某种颜色填充,但它始终是空白的,我想是因为我还没有确定填充绑定的正确路径。

0 投票
3 回答
5991 浏览

angular - 无法以角度将样式传递给 quill-editor 组件

我正在尝试设置标签的样式app.component.htmlapp.component.ts但它不起作用。有类似的问题和文章,但即使是接受的答案也不适合我。这是我的代码。

app.component.html

而我app.component.ts的是

我尝试过的事情:

[style]="editorStyle"//不工作

然后我尝试直接[style.backgroundColor]="'red'"在 value 周围使用和不使用额外引号进行操作[style.backgroundColor]='red'

我也试过[ngStyle]="{backgroundColor: 'red'}"[ngStyle.backgroundColor]="'red'"'。但没有什么对我有用。问题只是 witheditorStyle而不是 with config。我也收到了这个警告。

警告:清理不安全的样式值 [object Object](参见http://g.co/ng/security#xss)。

0 投票
3 回答
344 浏览

css - 根据条件在 Angular 中使用 [ngClass] 添加/删除 CSS 类的语法

当两个布尔值中的任何一个为真时,如何添加/删除一个 CSS 类?

0 投票
2 回答
361 浏览

angular - src 属性绑定在 angular6 中不起作用

我有两个用于两个不同图像的 url,一个 [src] 属性绑定正在工作,而另一个则没有。可能是什么原因?

作品:

不起作用:

0 投票
2 回答
34 浏览

angular - 为什么 Angular 表单不读取属性绑定的输入值?

我正在使用属性绑定来动态设置输入的值,它正在正确显示,但是在提交表单时,该值是未定义的。

我正在使用 Angular 8。

同样,该值在 HTML 中正确显示。提前致谢!

0 投票
2 回答
2623 浏览

ios - SwiftUI 基于计算属性显示警报

我正在尝试基于计算属性在 Swift 中显示警报。基本上,每当用户单击按钮时,“round”的值都会更新。当进行超过 10 轮时,会显示警报。

为此,我创建了一个名为“showingAlert”的布尔变量。这必须是一个 @State 变量,以便在用户关闭警报时再次设置为 false。

但是,编译器告诉我像@State 这样的属性包装器“不能应用于计算属性”:-(

这是我尝试过的代码:

有没有办法解决这个问题?我很想创建一个不显示错误消息的警报。

0 投票
1 回答
315 浏览

angular - 将值转换为字符串对象以进行属性绑定

我有一个动态创建表单的组件,所以我从服务器获取所有元数据,并且在我的模板中有一个 ngFor 来创建我的字段。这些属性都是与来自服务器的数据的结果绑定的。在其中一种情况下,我遇到以下情况:如果
[filterParams]="{state:model.state_field}"
我在调用服务时像这样硬编码,我可以使用这个 filterParams 作为对象并通过 http 请求发送,但我使用来自服务器的元数据,我实际上是这样编码
[filterParams]="metadata.filterParams"
的在 metadata.filterParams 我有字符串“{state:model.state}”,但“state”的值不能是字符串,因为我使用了模型值。

如何将来自我的元数据的字符串转换为从模型中捕获值的对象,就像它在硬编码时的工作方式一样?

0 投票
3 回答
7026 浏览

angular - 角度输入 [type]="'number'" 始终导致值为字符串

通常,我会以这种方式声明输入类型(效果很好):

但是,我希望类型是动​​态的,因此我使用 property binding [type]="objectType"。为了简化问题,我使用了[type]="'number'".

现在的问题是,每当我对 进行更改时input2,它都会转换为字符串。情况并非如此input1- 它仍然是预期行为的数字。如何将属性绑定用于类型并防止其转换​​为字符串?

StackBlitz

0 投票
0 回答
31 浏览

c# - 属性更改未更新绑定控件属性

我使用 Winforms 和 C# 制作了一个测试应用程序。2个文本框的Text属性绑定到同一个custome属性。自定义属性实现了一个事件 PropertyChangedEventHandler,如本文所述。

问题是,然后我修改了一个文本框 Taxt 值,另一个也被修改了。但如果我修改它们绑定的属性,那不是真的。

这是代码:

有人可以帮助理解这个问题。这里为什么TextProperty = "text is not changin in textBox Controls";不更新控件?

0 投票
1 回答
368 浏览

angular - Angular:提供输入值时括号语法不起作用?

使用括号语法提供输入值不起作用。但是,当我删除括号时,它确实如此。为什么是这样?

子组件:

父组件模板 - 这不起作用,为什么??:

父组件模板 - 这项工作的: