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"/>

组件.ts

variableName = 'placeholder For modelName'

这是堆栈闪电战

欲了解更多信息，请查看此处

Answer 3

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

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

或

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

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