AngularJS에서 title 속성을 추가하는 방법은 무엇일까요? 아래는 ngAttr 디렉티브를 사용한 ngAttrTitle에 대하여 알아봅니다.


ngAttr 디렉티브는 선언할 속성을 함께 사용할 수 있는 특징이 있습니다. 그래서 우리가 생성할 title 속성은 아래와 같이 사용할 수 있죠.


ng-attr-title="webisfree.com"



# ngAttrTitle 예제보기

아래 예제는 출력된 넘버에 ng-attr-title 디렉티브를 사용하여 마우스를 올릴경우 해당하는 title 속성의 값 'webisfree'가 나타나게 됩니다.

$scope.sitename = 'webisfree';

만약 위와 같이 sitename이 설정되었다면 아래와 같이 추가합니다.

<span ng-attr-title="{{ sitename }}">[ 1 ]</span>

이처럼 title 속성을 바로 사용하는 것이 아닌 디렉티브를 사용하면 설정된 스코프의 모델값을 바로 title로 나타낼 수 있습니다.
​​​​​​​


code snippet widget