angularjs ng-options高级过滤器

时间:2015-03-28 00:36:48

标签: angularjs angularjs-ng-repeat angular-ngmodel

我正在尝试创建一个与ng-options一起使用的自定义过滤器 - 但我已经为其他字段设置了工作过滤器,并且似乎无法使ng-options字段与其他字段一起过滤。 ..这里有一些代码可以解释:

这将输出当前过滤的记录计数:

Records: {{(projects|filter:filter).length}} of {{projects.length}}

这是搜索的常规过滤器:

<input type="text" name="titleSearch" placeholder="Search Project Title" ng-model="filter.project_title">

这是我的ng-options字段,我试图用它来过滤State的结果:

<select ng-model="stateOptions" ng-options="item.stateID as item.state for item in st_option">
  <option value="">Select State</option>
</select>

这是我的重复:

<div class="row grid collapse" ng-class-even="'even'" ng-repeat="project in projects | filter:filter | limitTo: paginationLimit()">
    <div class="large-12 columns">
       <span class="blueTxt">{{project.project_title}}</span><br>
          <span class="smTxt"><b>State:</b> {{project.state}}&nbsp;&nbsp;&nbsp;<b>County:</b> {{project.county}}<br>
            <b>Views:</b> {{project.project_views_total}}&nbsp;&nbsp;&nbsp;<b>Bidders:</b> {{project.intent_to_bid_total}}</span>
            <span ng-hide="{{project.stateID}}"></span><span ng-hide="{{project.countyID}}"></span>
        </div>
    </div>

以下是模型:

[
  { projectID="390856", project_title="Water Pollution Control ...Upgrades, Las Vegas, NV", project_bid_date="<span class="redTxt hide...dTxt">04/28/2015</span>", more...}, 
  { projectID="390852", project_title="A&E Program Project Mana...nt Support Services, CA", project_bid_date="<span class="redTxt hide...dTxt">04/23/2015</span>", more...}, 
  { projectID="390851", project_title="REBID Fire Extinguishers...ion & Repair, Donna, TX", project_bid_date="<span class="redTxt hide...dTxt">04/10/2015</span>", more...}
]

0 个答案:

没有答案