angular - 如何使用角度事件在文本字段中显示字符串的长度。？

Question

我正在执行一项任务，我需要显示使用事件输入到文本字段中的字符串的长度。另一个附加条件是如果字符串长度大于 4，那么只有它会显示使用 ngIf 应该达到的长度。

到目前为止我所做的工作 在 HTML

<div class="container">
    <input type="text" placeholder="Default Message" 
    [(ngModel)]="tname"
    (tname)="event('tname')">
    {{s}}
</div>

在 .ts

tname:string;
k:number;
event(s:string){
this.k = s.length ;
 console.log(s);
}

标签： angulareventsangular-ng-if

Answer 1

html

<div class="container">
  <input type="text" (keyup)="onKeyUp($event)" /> <strong>Result- {{value}}</strong>
  <p></p>
</div>

TS文件

  value;
  onKeyUp(e) {
    this.value = e.target.value.length;
  }