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

1. GetCarByModelName(ModelName) 
2. GetCarByModelName(Car)

Car
{
  Type : string
  Weight : int
  ProductionYearStart : DateTime
  ProductionYearStop : DateTime
  Price : Decimal
  ModelName : string
  BrandName : string
}

TS文件

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

Answer 2

您已经使用tname指令（是双向绑定）绑定了ngModel。所以只需tname。length就能解决您的问题。

这是解决方案

HTML

<div class="container">
    <input type="text" placeholder="Default Message" 
    [(ngModel)]="tname"
    (tname)="event('tname')">
    {{s}}
 <span *ngIf="this.k > 4"> Length is {{this.k}}></span>
</div>

TS

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

希望获得帮助！

Answer 3

我希望这就是您的期望 example

Answer 4

这是我得到的最终答案。在HTML中

<div class="container">Name:<br>
<input type="text" placeholder="Default Message" 
[(ngModel)]="tname"
(change)="event('change')"><br>
<span *ngIf="this.k >=4"> Length={{k}}</span>
</div>

IN .ts

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

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

4 个答案: