javascript - 在 Angular 智能表中选择 st-search 不适用于 ng-model

Question

我在我的应用程序中使用 AngularJS 智能表。我正在使用 select 来过滤我的搜索。这是我的代码

<select st-search="Status" st-input-event="change" ng-model="filter.Status"  st-delay="false" class="form-control">
    <option value="">Select Status</option>
    <option value="{{i.Status}}" ng-repeat="i in topicStatus">{{i.Status}}</option>
</select>

这是我的 AngularJS 代码:

$scope.topicStatus = [
    {
        Id: 1,
        Status: 'Recent'
    },
    {
        Id: 2,
        Status: 'Most Viewed'
    },
    {
        Id: 3,
        Status: 'Featured'
    },
    {
        Id: 4,
        Status: 'Removed'
    },
    {
        Id: 5,
        Status: 'Featured'
    },
    {
        Id: 6,
        Status: 'Pending'
    }
];
$scope.filter = {};

一旦我将 ng-model 放入 select 中，我的表格就变空了。基本上，我正在保存用户输入的搜索过滤器以供将来的过滤器使用，因此我想选择 select 的值，但 ng-model 不起作用。

需要帮助

Answer 1

您应该使用st-sort来自表内部的属性(正如其含义)，如下所示:

<thead>
    <tr>
        <th st-sort="firstName">first name</th>
        ...
    </tr>
    <tr>
        <th><input st-search="firstName"></th>
    </tr>
</thead>

如果您想在指令之外进行搜索，可以说是外部 <input type="text">或<select ..>您应该编写自己的指令来处理这个问题。

幸运的是，您不是第一个需要此用例的人。我可以给你推荐this github 问题，以及这个 plunker这解释了如何从表外部过滤/搜索。

我对上面的 plunker 进行了稍微修改以包含一个简单的选择。

Plunker