웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > angularjs

AngularJS에서 title 속성을 추가하는 방법, ngAttrTitle

Last Modified : 2017-08-11 / Created : 2017-06-14
3,507
View Count
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
아래의 글도 찾고 계시지 않나요?

Previous

AngularJS에서 ngStyle을 사용한 스타일 추가하기

Previous

AngularJS의 jqLite를 사용하여 scope내의 콘트롤러를 찾는 방법