提交智能表搜索

Question

我使用智能表从我的API中获取一组数据。现在我使用st-search属性来搜索几个参数。

但我不希望表每次使用输入时更新查询。我想使用提交按钮来最大限度地减少对API的请求。

我想我可以使用表中的st-input-event=属性。但文档很不清楚，我不知道如何使用它。有人能给我一个例子吗？我仍在制作Angular。

<form class="no-gutters"> 
<div class="form-group col-sm-4"> 
    <label for="search-content" class="sr-only">Zoekopdracht</label> 
    <input type="search" class="form-control search-content" id="search-content" placeholder="Zoekopdracht" st-search="orderID" ng-model="searchInput"> 
</div> 
<div class="form-group col-sm-3"> 
    <label for="search-type" class="sr-only">Paymethods</label> 
    <select ng-model="selectedPayMethod" ng-options="(method.code | paymethod) for method in payMethods track by method.code" id="search-type" class="form-control search-type" st-search="paymentMethod"> 
     <option value="">Select payment method</option> 
    </select> 
</div> 
<div class="form-group col-sm-3"> 
    <label for="search-period" class="sr-only">Periode zoekopdracht</label> 
    <select ng-model="selectedDate" ng-options="date.name for date in dateSelection track by (date.date | date : 'yyyy-MM-ddTHH:mm:ss.sss')" id="search-period" class="form-control search-period" st-search="dateFrom"> 
     <option value="">Select period</option> 
    </select> 
</div> 
<div class="form-group col-sm-2"> 
    <button type="submit" class="btn btn-primary btn-block btn-m">Zoeken</button> 
</div> 
</form> 

Answer 1

如果st-search不能满足您的需要，那么你可以随时恢复到普通的角方式，删除指令，添加一个ng-model的输入，并使用一个按钮来提交什么是模型内部。

然后使用表和过滤的ng-repeat内的过滤器通过的响应提交

这里有一个plunk证明了我的想法。