Как я могу сортировать значения в AngularJS?

Question

Я использую стек MEAN в своем приложении с AngularJS как мой интерфейс. Как фильтровать значение count and quality в таблице. Я хочу, чтобы искать каждый и каждый счет и качественные значения ... My Plunker если мы выбираем yarn count это не фильтрация, таблица отображения, как пустой или Нилл, пожалуйста, помогите для того же ...

HTML: -

<div class="col-md-6 form-group form-group-default"> 
    <label>Count</label> 
    <select data-ng-model="searchtable.count" id="count" ng-options="item.colorshades[0].count for item in sryarnorders" class="form-control"> 
     <option value="">All</option> 
    </select> 
</div> 
<div class="col-md-6 form-group form-group-default"> 
    <label>Quality</label> 
    <select data-ng-model="searchtable.quality" id="quality" ng-options="item.colorshades[0].quality for item in sryarnorders" class="form-control"> 
     <option value="">All</option> 
    </select> 
</div> 

нг-опции: -

ng-options="item.colorshades[0].count for item in sryarnorders" 

ng-options="item.colorshades[0].quality for item in sryarnorders" 

нг-модуль: -

data-ng-model="searchtable.count" 

data-ng-model="searchtable.quality" 

Мои данные: -

$scope.sryarnorders = [ 
    { 
     "_id": "573d7fa0760ba711126d7de5", 
     "user": { 
      "_id": "5721a378d33c0d6b0bb30416", 
      "displayName": "ms ms" 
     }, 
     "__v": 1, 
     "colorshades": [{ 
      "_id": "573d7fc3760ba711126d7de6", 
      "quality": "Home Textiles", 
      "count": "yarn count" 
     }, 
     { 
    "_id": "579ef3feba3bac040b583b50", 
    "color": "56a5b6831746bc1c0b391c7c", 
    "quality": "Hall Textiles", 
    "count": "carn count" 
    }], 
     "created": "2016-05-19T08:56:00.997Z", 
     "actual_delivery_date": "2016-05-19", 
     "ex_india_date": "2016-05-19", 
     "ex_factory_date": "2016-05-19", 
     "po_delivery_date": "2016-05-19", 
     "supplier_name": "Fsa", 
     "buyer_name": "e21" 
     }, 

     { 
     "_id": "56ffc6d5ab97a73d1066b798", 
     "user": { 
      "_id": "56ff7bece2b9a1d10cd074a3", 
      "displayName": "saravana kumar" 
     }, 
     "__v": 1, 
     "colorshades": [{ 
      "_id": "56ffc723ab97a73d1066b799", 
      "quality": "Hall Textiles", 
      "count": "burn count" 
     }], 
     "created": "2016-04-02T13:19:17.746Z", 
     "actual_delivery_date": "2016-04-02", 
     "ex_india_date": "2016-04-04", 
     "ex_factory_date": "2016-04-02", 
     "po_delivery_date": "2016-04-02", 
     "supplier_name": "Fsa", 
     "buyer_name": "Binary hand" 
     }, 

     { 
     "_id": "56ffc5e0ab97a73d1066b796", 
     "user": { 
      "_id": "56ff7bece2b9a1d10cd074a3", 
      "displayName": "saravana kumar" 
     }, 
     "__v": 1, 
     "colorshades": [{ 
      "_id": "56ffc608ab97a73d1066b797", 
      "quality": "yarn quality", 
      "count": "carn count" 
     }], 
     "created": "2016-04-02T13:15:12.876Z", 
     "ex_india_date": "2016-04-02", 
     "ex_factory_date": "2016-04-02", 
     "po_delivery_date": "2016-04-02", 
     "supplier_name": "Fsa", 
     "buyer_name": "e21" 
     }]; 

Я создал Plunker для справки: - plunker

Answer 1

Это правильный ng-options за то, что только count строку как значение <option>:

ng-options="item.colorshades[0].count as item.colorshades[0].count for item in sryarnorders" 

иначе значение будет всем объектом.

Но за то, что вы хотите, вы должны определить новый $ фильтр или использовать

filter:{colorshades: [searchtable]} 

Проверьте это: http://jsfiddle.net/suCWn/12/