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

问题描述

我目前有这个：

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

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

我该怎么做？

解决方法

使用像这样的startsWith方法

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

如果要检查字符串是否不是以'@'开头，只需添加'！'像*ngIf="!name.startsWith('@')"

,

您可以简单地使用myApp方法来获取字符的起始索引，如果该索引为0，则表示它为true，否则为false。

像下面一样。

package1

,

您只需将以下代码添加到Component内：

export class NameComponent implements OnInit {

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

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

}

}

然后在模板中：

<div *ngIf="!isNameContainAt">

显示一些东西