Angular component string to template HTML / 컴포넌트 string 템플릿에서 html로 읽는 방법 예시

<div
  class="flex gap-2.5"
  [innerHTML]="setStateButton(item.status)"
></div>

1. intterHTML 활용

 

setStateButton(data?: any): string {
    if (data === '재고 요청 중') {
      return `<div class="flex justify-center items-center py-1 px-2.5 border text-gray-500 border-gray-500 
      rounded font-semibold">수정</div>
      <div class="flex justify-center items-center py-1 px-2.5 border border-danger rounded font-semibold text-danger">
      삭제</div>`;
    }
    return '';
  }