폴리머 선택 값 특성을 반영하지 않습니다.

Question

내 선택 요소는 바인딩 개체에서 키로 설정된 값을 가지고 있으며 해당 키를 올바르게 참조합니다. 왜냐하면 그 값을 참조하는 다른 값을 가지고 있기 때문입니다. 그러나 선택 상자가 ' 내 가치를 제대로 보여주지 못한다. 내가 '이름'을 얻을

<select value="{{key}}">                                                         
     <option value="">- Field -</option>                                                     
     <option value="name">name</option> 
     <option value="phone">phone</option> 
     <option value="address">address</option>                                                          
    </select> 

내 요소의 준비 기능에 this.key을 CONSOLE.LOG 경우 요소가 this.key에 의존에 제 2의 선택을 더욱 :

<select value="{{key}}">                                                         
     <option value="">- Field -</option>                                                     
     <template repeat="{{field in fields}}">                                                    
      <option value="{{field.key}}">{{field.key}}</option>                                                
     </template>                                                           
    </select> 

은에 확대 , select 요소의 옵션이 올바르게 표시됩니다.

select 키를 사용하여 올바른 요소를 선택하려면 특별한 조치가 있습니까? 나는 JS에서 그것을 할 수 있었다. 그러나 그것은 과잉 보인다. 값을 사용하여 선택 상자를 설정할 수 있습니까? 말하는 게터 일 뿐이니?

Answer 1

좋아, 준비에서 옵션을 설정하는 경우 준비 기능에서 동일한 기능 또는 이전에 값을 설정할 수 없습니다. 함수가 돌아올 때까지 기다려야합니다. 그렇지 않으면 선택 상자에 필요한 옵션이 아직 없습니다.

지금은 0ms 타임 아웃을 사용하고 있습니다. 대신에 더 좋은 이벤트를 구독하는 것이 좋습니다.

다른 사람이 폴리머 요소에 대한 선택 값을 설정하는 데 문제가있는 경우 설정 값을 UI에 반영하기 전에 옵션을 설정해야한다는 점을 기억하고 명시 적으로 다시 설정해야합니다 .