Angular를 얻으려면JS를 A 태그의 제목 속성에 바인딩하시겠습니까?
그 목적은 제품 이름이 썸네일의 툴팁에 표시되도록 하는 것입니다.브라우저는 "ng-title" 또는 "ng-attr-title"에서 툴팁을 생성하지 않습니다.
Angular를 사용하고 있습니다.JS 버전 1.0.7임의의 속성 앞에 "ng-" 또는 "ng-attr"을 붙이면 Angular가 그에 따라 바인딩됩니다.그러나 HTML "A" 태그의 제목 속성에 "바인드"되지 않는 것 같습니다.
예 1.
코드:<a title="{{product.shortDesc}}" ...>
예상 결과:<a title="Canon Powershot XS50 12MB Digital Camera" ...>
실제 결과:<a title="{{product.shortDesc}}" ...>도구 끝에 원치 않는 교정기가 있습니다.
예 2.
코드:<a ng-attr-title="{{product.shortDesc}}" ...>
예상 결과:<a title="Canon Powershot XS50 12MB Digital Camera" ...>
실제 결과:<a ng-attr-title="Canon Powershot XS50 12MB Digital Camera" ...>
우리는 평원을 얻지 못한다title작동 툴팁도 얻을 수 없습니다.
이 모양은ng-attr는 AngularJS 1.1.4의 새로운 지시문입니다.이 경우 사용할 수 있습니다.
<!-- example -->
<a ng-attr-title="{{product.shortDesc}}"></a>
그러나 1.0.7을 계속 사용하는 경우 효과를 반영하기 위한 사용자 지정 지시문을 작성할 수 있습니다.
경우에 따라 제목 속성 또는 기타 속성에서 보간법을 사용하는 것이 바람직하지 않을 수 있습니다.보간법이 실행되기 전에 해석되기 때문입니다.그래서:
<!-- dont do this -->
<!-- <a title="{{product.shortDesc}}" ...> -->
바인딩이 있는 Atribute에 ngAtr 프리픽스(ng-attr-로 정규화되지 않음)가 부가되어 있는 경우 바인딩 중에 대응하는 수정되지 않은 Atribute에 적용됩니다.이를 통해 브라우저에서 빠르게 처리되는 속성에 바인드할 수 있습니다.속성은 바인딩이 완료된 경우에만 설정됩니다.다음에, 프리픽스가 삭제됩니다.
<!-- do this -->
<a ng-attr-title="{{product.shortDesc}}" ...>
(매우 이전 버전의 Angular를 사용하지 않는지 확인하십시오).다음은 v1.2.2를 사용한 데모 바이올린입니다.
여기서의 문제는 당신의 Angular 버전입니다.JS;ng-attr는 버전 1.1.4에서 도입되었기 때문에 동작하지 않습니다.이유는 잘 모르겠다title="{{product.shortDesc}}"잘 안 되는데 비슷한 이유일 거예요(옛 Angular 버전).저는 이것을 1.2.9에서 테스트했고, 그것은 저에게 효과가 있습니다.
여기 있는 다른 답변에 대해서는, 이것은, 다음의 몇개의 사용 예에 속하지 않습니다.ng-attr! 이것은 단순한 더블컬브래킷 상황입니다.
<a title="{{product.shortDesc}}" ng-bind="product.shortDesc" />
이 바이올린을 보시면 빠른 답변을 보실 수 있습니다.
data-ng-attr-title="{{d.age > 5 ? 'My age is greater than threshold': ''}}"
각도 JS를 사용하여 요소의 제목을 조건부로 표시합니다.
검색query모델이 정의되어 있는 범위 내의ng-controller="whatever"지시.따라서 쿼리 모델을 바인딩할 경우<title>ngController본문 및 제목 요소의 공통 부모인 HTML 요소에 대한 선언:
<html ng-app="phonecatApp" ng-controller="PhoneListCtrl">
참고 자료: https://docs.angularjs.org/tutorial/step_03
언급URL : https://stackoverflow.com/questions/18230868/how-do-you-get-angularjs-to-bind-to-the-title-attribute-of-an-a-tag
'programing' 카테고리의 다른 글
| ASP에 JSON 데이터를 게시하는 중입니다.넷 MVC (0) | 2023.03.21 |
|---|---|
| 스프링 부트에서의 Log4j.properties (0) | 2023.03.21 |
| 디렉티브의 링크 함수에서의 동작을 테스트하는 방법 (0) | 2023.03.21 |
| @ConditionalOnProperty 또는 @ConditionalOnExpression을 사용하는 동안 두 가지 조건을 확인하는 방법 (0) | 2023.03.21 |
| 개체를 JSON으로 직렬화하는 동안 순환 참조 예외가 감지되었습니다. (0) | 2023.03.21 |