Angular에서 컴포넌트 클래스 속성을 속성으로 전달하기
공용 클래스 속성을 태그 텍스트뿐만 아니라 속성 값으로도 출력할 수 있습니다. 실제 예를 살펴보겠습니다. 클래스에 다음과 같은 속성이 있다고 가정해 봅시다:
export class AppComponent {
public test: string = 'abcde';
}
태그 속성에 속성 내용을 출력해 봅시다:
<div id="{{ test }}">
text
</div>
다음 마크업이 주어졌을 때:
<img src="test.png" alt="picture">
속성 내용이 컴포넌트 클래스에서 전달되도록 만드세요.