ng-grid 열을 사용하여 select를 채우기

Question

특정 열에서 검색 할 수있는 ng-grid가 있습니다. 사용자가 텍스트를 입력하고 드롭 다운에서 열을 선택합니다. 내 UX 사용자는 ng-grid가 지원하는 모든 열 머리글의 검색 필드를별로 좋아하지 않습니다. 여기

내 Plunker입니다 : http://plnkr.co/edit/WofBDA6QQkCDcwDMznzf?p=preview

I 필드를 잡고하는 방법을 가지고

(내가 지금까지 필드 선택기에 대해 단지 걱정, 아직 텍스트 필드 귀찮게하지 않은 경우) 및 각 필드에 대한 displayName 및 옵션을 사용하여 내 선택 항목을 채 웁니다. 그러나 어떤 이유로 텅 빈 첫 번째 옵션을 제공합니다. 나는 빈 하나를 싶지 않아 - 그리고 확실히는 다음과 같이 것 경우 : 나는 그것이 plunker 예에서 (내 선택의 필드를 기본값으로 할

<option value="? undefined:undefined ?"></option> 

, 나는 기본값하려면 'age')

colDefs가 완전히 정의되기 전에 컨트롤이 내 getFilterFields() 함수에 의해 렌더링되고 있지 않기 때문에 내가 정의되지 않은 옵션을 얻는 이유를 알 수 없습니다. getFilterFields() 함수를 지연시키는 여러 가지 방법을 시도했습니다. init : gridInit 매개 변수로 재생했지만 지금까지 아무런 기쁨도 얻지 못했습니다.

1] 내 드롭 다운에 유효한 열만 포함되어 있고 2 개 중 하나가 미리 선택되어 있는지 어떻게 확인할 수 있습니까?

Answer 1

ng-options을 사용하고 모델을 선택하려는 옵션으로 설정하는 것이 좋습니다.

<select ng-model="selectedItem" 
     ng-options="item.value as item.name for item in filterOptions.filterFields"> 
</select> 

컨트롤러에

설정 :

$scope.selectedItem = "age"; // equal to the value of the default option