replace: true
및 template: <span style="color: red;"></span>
을 지정하는 AngularJS 지시문이 있습니다. 내 마크 업에서 지시문을 사용할 때마다 style
속성의 내용이 DOM : <span style="color: red;;color: red;"></span>
에서 반복되는 것으로 보입니다. AngularJS의 버그입니까? 아니면 여기서 뭔가 잘못하고 있습니까? AngularJS 지시문의 반복 스타일 속성
3
A
답변
1
을하지만, 가능한 해결책을 나열 해가되지 않습니다.
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {$scope.style={color:red};);
app.directive('myDirective', function() {
return {
replace: true,
template: '<span ng-style="style" class="my-test-class">something!</span>'
};
});
참조 : ngStyle 그냥 호기심
+0
고마워요! 이 문제의 원인은 다음과 같습니다 (https://github.com/angular/angular.js/blob/master/src/ng/compile.js#L1634). – vrutberg
관련 문제
- 1. Angularjs 지시문의 속성 전달
- 2. AngularJS 지시문의 HTML 요소에 속성 추가
- 3. angularjs 지시문의 링크 함수에서 혼란스러운 속성
- 4. AngularJs : 속성 유형 지시문의 속성 값을 얻는 방법
- 5. Include에있는 지시문의 AngularJS 범위
- 6. angularJS 지시문의 하이 차트
- 7. AngularJS 지시문의 전체 목록은?
- 8. Angularjs 지시문의 범위 문제
- 9. 지시문의 선택적 속성
- 10. AngularJS : 지시문의 페이지로드시 addClass 방지
- 11. AngularJS - 타사 지시문의 컨트롤러에 액세스
- 12. AngularJS - 지시문의 반환 값 계산
- 13. AngularJS : 지시문의 하위 요소에 액세스
- 14. angularjs 사용자 정의 지시문 반복 속성
- 15. AngularJS 지시문의 요소에서 클래스를 변경하는 모니터
- 16. AngularJS 지시문의 파일에서 JavaScript 코드 실행
- 17. angularjs 지시문의 '$ element'는 ng-if 때문에 주석입니다.
- 18. 단위 AngularJS 지시문의 전용 함수 테스트
- 19. AngularJS - 지시문의 필터 길이 가져 오기
- 20. AngularJS 지시문의 링크에 숨겨진 입력 파일 포함
- 21. AngularJS 지시문의 속성에 정의 된 호출 함수
- 22. 필요 : ngModel 대 범위 : AngularJS 지시문의 {ngModel : '='}
- 23. AngularJS 지시문의 요소를 복제하고 자체 범위를 지정합니다.
- 24. Angularjs 범위. 지시문의 스크롤 수신기에 적용 $
- 25. AngularJS : 지시문의 템플릿이 올바르게 렌더링되지 않습니다.
- 26. CSS 스타일 반복 스타일 지정 불일치
- 27. 스마트 스타일 스타일 속성
- 28. 요소의 다른 지시문에서 AngularJS 누적 스타일
- 29. AngularJS : 재귀 트리 스타일
- 30. Angularjs ng-repeat 내부 모달 지시문의 이상한 동작
, 왜 대신 스타일 시트 인라인 스타일을 사용합니까? – Sprottenwels
나는 지금 인라인 스타일을 사용하고 있는데, 나는이 이상한 행동을 발견하고 그것이 왜 일어나고 있는지 궁금해한다. – vrutberg