2014-09-24 6 views
3

다트 코드를 새로 고쳐지지 않는 것은 다음과 같습니다 <div>{{$['selector'].selected]}}</div>를 사용폴리머 코어 선택기 내 폴리머 요소에 대해

<polymer-element name="my-element"> 
    <template> 
    <style> 
     .core-selected { 
     font-weight: bold; 
     } 
    </style> 
    <core-selector id="selector" selected="1"> 
     <template repeat="{{color in colors}}"> 
     <div value="{{color}}">{{color}}</div> 
     </template> 
    </core-selector> 
    <hr> 
    <!-- Prints the selected index, but does not update --> 
    <div>{{$['selector'].selected]}}</div> 
    </template> 
    <script type="application/dart" src="my_element.dart"></script> 
</polymer-element> 

가 제대로 인덱스를 보여줍니다 가 선택되었지만 다른 색상을 선택해도 selected의 값은 새로 고쳐지지 않습니다. 올바르게 사용하고 있습니까? 아니면이 버그입니까?

+1

나는 이것이 작동 할 것으로 기대합니다. 'selected'는 게시 된 속성이므로 관찰 할 수 있어야합니다. 어쩌면 다트 래퍼의 문제 일 수 있습니다. –

+1

귄터, 나는 네가 옳다고 믿는다. 버그 (https://github.com/dart-lang/core-elements/issues/115)를 제출했습니다. –

+2

당신은 오타가 있습니다 : {{$ [ 'selector']. selected]}}는 {{$ [ 'selector'].가 선택되어야합니다}} –

답변

1

나는 그것이 버그 동의하지만, 그 동안 당신은 백업 코드가 분명

@observable int selected = 1; 

를 버전이 때 작동하는지 궁금 할 포함하여이

<core-selector id="selector" selected="{{selected}}"> 
... 
<div>{{selected}}</div> 

처럼 해결할 수 있습니다 순수 JS 환경에서 사용됩니까? 그러나 그것은 또 다른 질문입니다.

관련 문제