2016-12-01 2 views
0

ui-select 요소를 사용하여 Angular에서 작은 프로그램을 작성했습니다. 여기에 HTML 코드입니다 :ui-select에서 기본값을 각도로 설정하는 방법은 무엇입니까?

<ui-select ng-model="test.selectedContract"> 
    <ui-select-match > 
     {{$select.selected.name}} - {{$select.selected.value}} ---- {{$select.selected.id.id}} *** {{$select.selected.policy.info.name }}  
    </ui-select-match> 

    <ui-select-choices group-by="groupByLetter" 
    repeat="contract in (contracts | 
    orSearchFilter: {id.id: $select.search, policy.info.name : $select.search} | 
    orderBy: 'name') track by contract.name"> 
      {{contract.name}} - {{contract.value}} ---- {{contract.id.id}} *** {{contract.policy.info.name }} 
    </ui-select-choices> 
    </ui-select> 

가 그리고 여기 내 계약의 구조는 객체 : 내가 원하는 것을 http://plnkr.co/edit/PigjGCj5ukxscJC7Wl97?p=preview

문제는 다음과 같습니다

마지막으로
$scope.contracts = [{ 
     name: "contract1.00", 
     value: 10, 
     id: { 
     id: 8000, 
     code: 2 
     }, 
     policy: { 
     info: { 
      name: "test1", 
      country: "test" 
     } 
     } 
    }, //other contract objects 

, 내 plunker 코드가 내 모든 값을 기본값으로 사용하는 경우 기본값으로 "모두"을 표시합니다. "---- ***"

이 기본값을 설정해 주시겠습니까? 감사합니다.

답변

0

컨트롤러에 일종의 toString 함수를 정의하고 그 결과를 하드 코드 대시 및 별 대신 ui-select 태그에 넣을 수 있습니다. 값이 null의 경우, 그것은 "모든"

0

는 그냥

$scope.test.selectedContract = { 
     name: "all", 
     value: 10, 
     id: { 
     id: 8000, 
     code: 2 
     }, 
     policy: { 
     info: { 
      name: "test1", 
      country: "test" 
     } 
     } 
    } 

DEMO

을 설정 반환해야
관련 문제