angularjs가있는 특정 열로 필터링

Question

"이름"과 "설명"열이 두 개인 테이블이 있습니다. 또한이 두 열의 이름이있는 드롭 다운 목록이 있습니다. 사용자는 드롭 다운 목록에서 하나의 항목을 선택하여 필터링 할 열을 확인한 다음 입력에 키워드를 삽입해야합니다. 나는 그가 선택한 열에 적용된 키워드를 사용하여 필터링 된 값만 표에서 검색해야합니다. 나는 angularjs를 사용하여 그것을하고 싶다. 어떤 아이디어?

<select class="form-control"> 
            <option value="Name"> Name</option> 
            <option value="Description">Description</option> 
           </select> 
     Search: <input ng-model="searchWord"/> 
     <table class="table table-bordered table-hover"> 
      <thead> 
       <tr> 
        <th>Name</th> 
        <th>Description</th> 

       </tr> 
      </thead> 

      <tbody> 
       <tr ng-repeat="item in pagedItems[currentPage] | orderBy:sortingOrder:reverse | filter:searchWord" ng-click="SelectItem(item)" ng-class="{true:'success'}[item == selectedItem]"> 
        <td>{{item.name}}</td> 
        <td>{{item.description}}</td> 
       </tr> 
      </tbody> 
     </table>  

Answer 1

여기는 플 런커 링크 http://plnkr.co/edit/SPPSf6yQRoF11mOwdYgJ?p=preview입니다. 동적 모델을 생성하고이를 입력 상자에 바인딩해야합니다.