Question

我有这样的代码。

<input type="text" class="form-control" [(ngModel)]="rate" formControlName="rate">

这很好。

尝试

1）我只想在ngModel后面附加%。我尝试将其与<span>标签一起使用，但是遇到了css问题。

2）[(ngModel)]="rate + '%'"
Got syntax error.

3）从 .ts 文件中：

{rate：${0}%} //在NaN中获得HTML的值

Answer 1

您可以通过以下代码实现：

/*in your ts file*/

public changeRate(e){
  if(this.name != ''){
    if (this.name[this.name.length - 1] != "%"){
      this.name += '%';
      console.log(this.name);
    }
  }
}

<input type="text" class="form-control" (change)="changeRate()" [(ngModel)]="rate" value="{{name}}" formControlName="rate">

Answer 2

使用这种方式。

  <label >{{rate}}%</label>

如何在角度6的ngModel中附加自定义文本？

2 个答案: