Angular ngIf periksa apakah variabel dimulai dengan karakter yang ditentukan dalam komponen html [duplikat]

Question

Saat ini saya memiliki ini:

<div *ngIf="name !== '@name1'>
  Show something
</div>

Tetapi saya ingin mengubahnya untuk memeriksa apakah nilai nama var dimulai dengan karakter tertentu misalnya @.

Bagaimana saya bisa melakukan ini?

Answer 1

Gunakan metode beginWith seperti ini

<div *ngIf="name.startsWith('@')">
  Show something
</div>

Dan jika Anda ingin memeriksa apakah string tidak dimulai dengan '@' cukup tambahkan '!' Suka*ngIf="!name.startsWith('@')"

Answer 2

Anda cukup menggunakan indexOfmetode untuk mendapatkan indeks awal karakter Anda dan jika 0 itu berarti benar kalau tidak salah.

Seperti dibawah ini.

<div *ngIf="name.indexOf('@name1') === 0">
   it's start with @name1
</div>

<div *ngIf="name.indexOf('@name1') !== 0">
  it's not start with @name1
</div>

Answer 3

Anda bisa menambahkan kode ini di dalam Komponen:

export class NameComponent implements OnInit {

public isNameContainAt = false;
public name = 'name';
constructor() { }

ngOnInit() {
if (this.name.startsWith('@') == true) {
  this.isNameContainAt = true;
}

}

}

Dan kemudian di template:

<div *ngIf="!isNameContainAt">

Tunjukkan sesuatu