AngularngIf変数がコンポーネントhtmlの指定された文字で始まるかどうかを確認します[重複]

Question

私は現在これを持っています：

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

ただし、var名の値が@などの特定の文字で始まるかどうかを確認するように変更したいと思います。

これどうやってするの？

Answer 1

このようなstartsWithメソッドを使用します

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

また、文字列が「@」で始まらないかどうかを確認する場合は、「！」を追加するだけです。お気に入り*ngIf="!name.startsWith('@')"

Answer 2

indexOfメソッドを使用してキャラクターの開始インデックスを取得できます。0の場合はtrue、それ以外の場合はfalseを意味します。

以下のように。

<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

コンポーネント内にこのコードを追加するだけです：

export class NameComponent implements OnInit {

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

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

}

}

そして、テンプレートで：

<div *ngIf="!isNameContainAt">

何かを見せます