angular - 如何使用 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);
}

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;
  }