在html中进行类型转换以比较ngmodel

Question

我在.ts文件中解决了这个问题，但是我想用.html解决，因为我发现它更清楚了。

    <mat-form-field class="form-view-mat-field"> 
      <mat-select [ngModel]="data?.number_to_string" name="name">
        <ng-container *ngFor="let element of elements;">
          <mat-option value={{element.id}}>{{element.name}}</mat-option>
        </ng-container>
      </mat-select>
    </mat-form-field>

 const elements: Elements[] = [
  {id: "1", name: 'Hydrogen'},
  {id: 2, name: 'Helium'},
  {id: 3, name: 'Lithium'}]

当数据存在时，它是：

data= {number_to_string: 2}
  or
data = {}

所以，mat-select应该显示＆＃34; Helium＆＃34;它并不是因为它是一个int并需要一个字符串。

我用.ts解决它：

if(this.data){
      this.number_to_string = this.number_to_string ? this.data.number_to_string + "" : null;
 }

要避免这种情况，我想在html中将int转换为字符串，但我不知道如何

有可能吗？