Angular ng Si verifica si la variable comienza con un carácter específico en el componente html [duplicado]

Question

Actualmente tengo esto:

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

Pero me gustaría cambiarlo para verificar si el valor del nombre de var comienza con un carácter específico, por ejemplo @.

¿Cómo puedo hacer esto?

Answer 1

Usa startsWith un método como este

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

Y si desea verificar si la cadena no comienza con '@' simplemente agregue '!' me gusta*ngIf="!name.startsWith('@')"

Answer 2

Simplemente puede usar el indexOfmétodo para obtener el índice inicial de su personaje y si es 0, significa que es verdadero o falso.

Como abajo.

<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

simplemente puede agregar este código dentro del Componente:

export class NameComponent implements OnInit {

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

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

}

}

Y luego en la plantilla:

<div *ngIf="!isNameContainAt">

Muestrame algo