Dart web-ui에서 요소의 스타일 속성을 사용하지 않고 데이터를 CSS 속성에 바인딩하려면 어떻게해야합니까?

<style> 태그 내의 웹 구성 요소에 대한 CSS 스타일 시트에 데이터를 바인딩하려고하면 바인딩이 작동하지 않습니다. (해당 블록 내의 모든 정적 CSS 작동)Dart web-ui에서 요소의 스타일 속성을 사용하지 않고 데이터를 CSS 속성에 바인딩하려면 어떻게해야합니까?

<html> 
    <body> 
    <element name='foo' constructor='FooElement' extends='div'> 
     <style> 
     div { 
      display: {{isVisible ? 'block' : 'none'}}; 
     } 
     </style> 

     <template> 
     <div>Foobar</div> 
     </template> 

     <script type="application/dart" src="xfooelement.dart"></script> 
    </element> 
    </body> 
</html>

그러나 스타일을 태그의 스타일 특성에 적용하면 예상대로 작동합니다.

이것은 명백한 단점이있다.

스타일 시트 파일이나 블록의 CSS 속성에 데이터 바인딩을 사용하는 방법이 있습니까? 나는 약간 다른 방식으로 이것에 대해 생각을 제안

출처

2013-06-23 Poindexter

: 나는 그것을보고하지 않은 이유를 알고하지 않습니다, 다트 구문

<html> 
    <body> 
    <element name='foo' constructor='FooElement' extends='div'> 
     <style> 
     div { 
      display: block; 
     } 
     div.hide { 
      display: none; 
     } 
     </style> 

     <template> 
     <div class="{{isVisible ? '' : 'hide'}}">Foobar</div> 
     </template> 

     <script type="application/dart" src="xfooelement.dart"></script> 
    </element> 
    </body> 
</html>

출처

2013-07-04 16:04:41

감사를 사용하여 CSS 클래스를 적용하려고합니다. – Poindexter

Dart web-ui에서 요소의 스타일 속성을 사용하지 않고 데이터를 CSS 속성에 바인딩하려면 어떻게해야합니까?

답변

관련 문제