[angularjs] Angular 지시문 템플릿에 조건부로 데이터 속성 추가

[angularjs] Angular 지시문 템플릿에 조건부로 데이터 속성 추가

ng-attr- 평가하고 싶은 표현 을 사용하는 것이 좋은 방법이라고 생각합니다 . 귀하의 경우에는 다음과 같습니다.

< span ng-attr-data-toggle = "{{ isValueTrue ? 'toggle' : 'notToggle' }}" >

여기 fiddle 에 예제가 있습니다.

-------------------

isTrue = true 일 때 생성됩니다.

그리고 isTrue = false 일 때 :

-------------------

현재로서는 조건부로 속성을 제거하거나 추가 할 수있는 각도 지시문이 없습니다. 하나는 해당 속성이 있고 다른 하나는 속성이없는 범위에서 ng-switch를 수행 할 수 있습니다.

또는

< span data-toggle = "dropdown" ng-if = "expression" > < span ng-if = "!expression" >

동일한 목적 (조건부 속성 추가 / 제거)을위한 지시문을 만들 수도 있지만 조금 더 복잡합니다.

또한 원하는 것이 지시문 내에서 범위 변수를 관리하는 것이라면 다른 속성으로 전달할 수 있습니다.

예:

< span data-toggle = "dropdown" when = "isDropDown" >

공유하기 글 요소 저작자표시

출처https://stackoverflow.com/questions/22049824

from http://hotelsdotcom.tistory.com/1133 by ccl(A) rewrite - 2021-02-01 08:27:11