使用ngIf检查字符串是否以某些字符开头

Question

是否可以通过使用角度来做到这一点？我尝试了两种方式，但没有一种有效。

<div class="card-1" [ngStyle]="{'opacity':cardNumber[0] == '4' ? '0.5' : 'none' }"></div>

帮助

 [ngStyle]="{'opacity':cardNumber.startsWith('4') ? '0.5' : 'none' }">

Answer 1

您最好为此创建一个管道：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'startsWith'
})
export class StartsWithPipe implements PipeTransform {
  transform(fullText: string, textMatch: string): boolean {
    return fullText.startsWith(textMatch);
  }
}

并像这样使用它：

<div [ngStyle]="{'opacity': ('hello' | startsWith:'he') ? '0.5' : 'none' }">
  Test
</div>

这是一个有效的Stackblitz示例：
https://stackblitz.com/edit/angular-nmjvu3