在组件中动态创建模板字符串

时间:2018-08-11 06:15:29

标签: angular typescript

如果我有一个包含“ $”的字符串,是否可以将它们替换为输入,并将那些与ngModel绑定的输入绑定到数组。 示例:

str = 'Load for $ seconds';

应转换为:

str = 'Load for <input type="number" [(ndModel)]="data[0]"> seconds';

2 个答案:

答案 0 :(得分:0)

在模板中,您可以执行以下操作

<label>Load for {{data[0]}} seconds</label>

请分享您的代码或进一步解释。

答案 1 :(得分:0)

您可以使用两种方式对数据进行绑定。

模板:

<input type="text" name="username" [(ngModel)]="data[0]"/>

<input type="button" value="Get String" (click)="getString()"/>

组件:

data = [];

getString(){
  let str = "Load for "+ this.data[0];
  console.log(str);
}

这是stackBlitz代码https://stackblitz.com/edit/angular-tedrwt