问题标签 [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.
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 会在某个时候用某种颜色填充,但它始终是空白的,我想是因为我还没有确定填充绑定的正确路径。
angular - 无法以角度将样式传递给 quill-editor 组件
我正在尝试设置标签的样式app.component.html
,app.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)。
css - 根据条件在 Angular 中使用 [ngClass] 添加/删除 CSS 类的语法
当两个布尔值中的任何一个为真时,如何添加/删除一个 CSS 类?
angular - src 属性绑定在 angular6 中不起作用
我有两个用于两个不同图像的 url,一个 [src] 属性绑定正在工作,而另一个则没有。可能是什么原因?
作品:
不起作用:
angular - 为什么 Angular 表单不读取属性绑定的输入值?
我正在使用属性绑定来动态设置输入的值,它正在正确显示,但是在提交表单时,该值是未定义的。
我正在使用 Angular 8。
同样,该值在 HTML 中正确显示。提前致谢!
ios - SwiftUI 基于计算属性显示警报
我正在尝试基于计算属性在 Swift 中显示警报。基本上,每当用户单击按钮时,“round”的值都会更新。当进行超过 10 轮时,会显示警报。
为此,我创建了一个名为“showingAlert”的布尔变量。这必须是一个 @State 变量,以便在用户关闭警报时再次设置为 false。
但是,编译器告诉我像@State 这样的属性包装器“不能应用于计算属性”:-(
这是我尝试过的代码:
有没有办法解决这个问题?我很想创建一个不显示错误消息的警报。
angular - 将值转换为字符串对象以进行属性绑定
我有一个动态创建表单的组件,所以我从服务器获取所有元数据,并且在我的模板中有一个 ngFor 来创建我的字段。这些属性都是与来自服务器的数据的结果绑定的。在其中一种情况下,我遇到以下情况:如果
[filterParams]="{state:model.state_field}"
我在调用服务时像这样硬编码,我可以使用这个 filterParams 作为对象并通过 http 请求发送,但我使用来自服务器的元数据,我实际上是这样编码
[filterParams]="metadata.filterParams"
的在 metadata.filterParams 我有字符串“{state:model.state}”,但“state”的值不能是字符串,因为我使用了模型值。
如何将来自我的元数据的字符串转换为从模型中捕获值的对象,就像它在硬编码时的工作方式一样?
angular - 角度输入 [type]="'number'" 始终导致值为字符串
通常,我会以这种方式声明输入类型(效果很好):
但是,我希望类型是动态的,因此我使用 property binding [type]="objectType"
。为了简化问题,我使用了[type]="'number'"
.
现在的问题是,每当我对 进行更改时input2
,它都会转换为字符串。情况并非如此input1
- 它仍然是预期行为的数字。如何将属性绑定用于类型并防止其转换为字符串?
c# - 属性更改未更新绑定控件属性
我使用 Winforms 和 C# 制作了一个测试应用程序。2个文本框的Text属性绑定到同一个custome属性。自定义属性实现了一个事件 PropertyChangedEventHandler,如本文所述。
问题是,然后我修改了一个文本框 Taxt 值,另一个也被修改了。但如果我修改它们绑定的属性,那不是真的。
这是代码:
有人可以帮助理解这个问题。这里为什么TextProperty = "text is not changin in textBox Controls";
不更新控件?
angular - Angular:提供输入值时括号语法不起作用?
使用括号语法提供输入值不起作用。但是,当我删除括号时,它确实如此。为什么是这样?
子组件:
父组件模板 - 这不起作用,为什么??:
父组件模板 - 这项工作的: