Wijimo 5 AngularJS - ng 반복 및 자동 완료 지시문 문제

Question

Wijimo 자동 완성 지시문을 ng-repeat에서 사용하려고하는데 데이터 소스에 성공적으로 바인딩 할 수 있지만 특정 인스턴스에 대한 범위를 설정할 수 없습니다. 1 지시문에서 선택된 값이 범위의 모든 인스턴스에 설정됩니다.

반복되는 입력 컨트롤을 사용할 때의 고전적인 반복 문제입니다.

wj-auto-complete 지시어가 범위의 속성을 설정하는 방법이 확실하지 않습니다.

이렇게하면 ng-repeat 내에서 1 인스턴스와 여러 인스턴스에서 문제가 없지만 동일한 값으로 설정됩니다.

<wj-auto-complete 
       text="selectedHotel" 
       items-source="limo.hotelData" 
       placeholder="Hotel" 
       display-member-path="address" 
       max-items="50"/> 
      </div> 
      <p>{{selectedHotel || json}}</p> 

나는 다음과 같은

<div ng-repeat="flight in flights"> 
    <wj-auto-complete    
    text="flight.from"      
    items-source="limo.hotelData"      
    placeholder="Hotel" 
    display-member-path="address"      
    max-items="50"/> 
</div> 

하지만 기쁨을 시도했습니다.

텍스트 속성이 선택한 값으로 설정된 것 같습니다. 속성 값이 좀 이상하지만.

Answer 1

ComboBox 및 AutoComplete 컨트롤에는 컨트롤에서 현재 표시된 텍스트를 가져 오거나 설정하는 "text"속성과 현재 선택된 값을 가져 오거나 설정하는 "selectedValue"속성이 있습니다. 이 두 항목은 사용자가 입력하는 동안 및 불완전한 텍스트가 유효한 선택 목록의 항목과 일치하지 않는 경우를 제외하고 종종 일치합니다.

이 바이올린은 "selectedValue"속성을 사용하여 ComboBox와 AutoComplete 모두에서 어떻게 작동하는지 보여줍니다. 나는 그것이 유용 희망 :

http://jsfiddle.net/Wijmo5/8p94jo6q/

<table class="table table-condensed"> 
    <thead> 
     <th>ID</th> 
     <th>Country</th> 
     <th>AutoComplete</th> 
     <th>ComboBox</th> 
    </thead> 
    <tbody> 
     <tr ng-repeat="item in data"> 
      <td> 
       {{item.id}} 
      </td> 
      <td> 
       {{item.country}} 
      </td> 
      <td> 
       <wj-auto-complete 
        items-source="countries" 
        selected-value="item.country" 
        placeHolder="country" 
        required="false"> 
       </wj-auto-complete> 
      </td> 
      <td> 
       <wj-combo-box 
        items-source="countries" 
        selected-value="item.country" 
        placeHolder="country" 
        required="false"> 
       </wj-combo-box> 
      </td> 
     </tr> 
    </tbody> 
</table>