Angular ngIf 변수가 컴포넌트 html에서 지정된 문자로 시작하는지 확인 [중복]

Question

나는 현재 이것을 가지고있다 :

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

하지만 변수 이름 값이 @와 같은 특정 문자로 시작하는지 확인하기 위해 변경하고 싶습니다.

어떻게 할 수 있습니까?

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

이 코드를 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">

뭔가 보여줘