Angular ngIf 检查变量是否以组件中的指定字符开头 html

Question

我目前有这个：

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

但我想更改它以检查 var name 值是否以特定字符开头，例如 @.

我该怎么做？

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">

展示一些东西

Angular ngIf 检查变量是否以组件中的指定字符开头 html

Angular ngIf check if variable starts with a specified character in component html

html

angular

angular10