HTML中的"Placeholder“属性

Question

动态文本而不是静态文本的占位符属性，它来自于本地化(.json文件)中的键值对，我正在研究Aurelia框架我是在一个Aurelia项目中实现本地化的，在其中一个文件中，我正在寻找“占位符”属性来运动动态值而不是静态值，如果有人能帮助我的话谢谢！预先

​

Heading_Text是从some.json中提取的特定语言的“键值”对名称，应用程序被加载到

​

Answer 1

尝试使用Javascript设置输入占位符值，这在需要动态值时会更容易

input.attr("placeholder", value);

Answer 2

这应该可以解决你的问题

<input [placeholder]="variableName" type= "text" [(ngModel)]="modelName"/>

component.ts

variableName = 'placeholder For modelName'

这是stackblitz

有关更多信息，请查看here

Answer 3

您可以在component中设置占位符的值，它应该可以正常工作。

 <input [attr.placeholder]="componentVariable" [(ngModel)]="modelName"/>

或

 <input [placeholder]="componentVariable" [(ngModel)]="modelName"/>

一旦您的componentVariable在组件加载时获得一个值，或者当在组件中接收到数据时，输入字段占位符应该能够根据需要显示文本。