我在我的应用程序中使用 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 不起作用。
需要帮助
最佳答案
您应该使用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 进行了稍微修改以包含一个简单的选择。
关于javascript - 在 Angular 智能表中选择 st-search 不适用于 ng-model,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34545863/