단일 열의 데이터를 기반으로 ui-grid 행을 얻는 방법은 무엇입니까?

Question

ui-grid을 http://ui-grid.info/에서 사용합니다. 나는 이미 많은 것을 시도해 봤지만, 최근에 각도 학습을 시작한 이래로 문서가 혼란 스럽다.

나는 맞춤 검색 태그 시스템을 사용하며 사용자의 입력에 따라 행 중 하나를 강조하고 싶습니다.

필자는 내가 성취해야 할 것을 쉽게 이해할 수 있도록 큰 그림을 만들었습니다. 당신이 First Name 열에서 테이블 에있는 이름과 일치하는 이름을 가진 입력을 채울 경우

http://plnkr.co/edit/hSiPmhFWjHqFWpru6y13

,이 이름 포함 된 행을 얻을하고 배경 빨간색입니다해야합니다.

Answer 1

먼저 u는 당신의 재산에 대한 감시자을 정의해야 또는이 겨 변화 지시자, 그 내 작업 솔루션에 의해 처리 될 수

<input data-ng-change="filter()" data-ng-model="filtervalue"> 

및 filter 함수 내에서 u는 데이터 필터링한다

$scope.mutatedSettingsCopy = [] - your data here 
$scope.filter = function() { 
    $scope.settings.data = $filter('filter')($scope.mutatedSettingsCopy , { $: $scope.filtervalue }); 
}; 

및 초기화 할 수 있습니다. $scope.settings.data=$scope.mutatedSettingsCopy