是否在输入文本中添加百分比?角度

Question

我需要在输入文本中添加百分号。

我需要的只是这个(相同的(

但在Angular中。没有jquery。

这是我的项目

Answer 1

您需要将keyup添加到您的输入中，并每次将"%"替换为"，然后再次添加我认为你的代码应该是这样的：app.component.html

<p>
Percentage Directive <br/>
<b>Example: </b> 0 to 100
</p>
<input type="textbox"  #box (keyup)="setvalue(box.value)"[(ngModel)]="InputValue" placeholder="example 22.2" >
%

app.component.ts:

setvalue(value) {
this.InputValue = value.replace('%','')+"%"    
}

Answer 2

我认为直接添加%没有意义，你可以在请求时添加，如果你想显示页面，你可以使用CSS显示中的伪元素，这样代码会更灵活