[html] html에서 js 사용

Angular의 html파일은 같은 component의 js 파일과 연동하기 위해 {{}}를 사용한다.

1) 변수사용

ts

name="abc"
obj=1

html

<div>{{name}}</div>
<button (click)="select{{obj}}()">선택</button>

위 경우

<div>abc</div>
<button (click)="select1()">선택</button>

로 작동한다.

2) javascript 기능

html

<div>{{2+2}}<div>

위 경우

<div>4<div>

로 작동한다.