ANGULAR html에서 ng-if 절에서 문자열(스트링) 비교(Angular9에서 적용 성공 예)

아래와 같이 대상문자열에 비교하려는 문자열이 포함되었는 지 확인해서 진행한다.

- 비교문자열이 포함된 경우에는 true를 리턴.

- 포함되지 않은 경우 false를 리턴.

 

 

 

 

 

위의 내용으로 실패하였다....

아래와 같은 방법으로 했을 때 성공하였다.

 

대상문자열.indexOf(비교문자열)  로  대상문자열에 비교하려는 문자열이 포함되었는 지 확인해서 진행한다.

- 비교문자열이 포함된 경우에는 0을 리턴

- 포함되지 않은 경우 -1을 리턴

 

 

	ng-if="대상문자열.includes(비교 문자열)"
// 예: 
	ng-if="value_shoppingId.includes("추천상품")"    
// 설명: 위와 같이 비교하면 value_shoppingId 문자열이 "추천상품" 이라는 스트링을 포함하고 있는지 리턴한다.
//		 (boolean 타입으로 리턴)

참고문헌: https://stackoverflow.com/questions/30869370/ng-if-with-angular-for-string-contains/30869400

ng if with angular for string contains