1
단추 그룹, 새로 고침 단추 및 테이블이 3 개 있습니다. 전체 | 도버 | 올랜도필터링 된 조건의 데이터 만 새로 고침
페이지로드시 모든 데이터가 api를 호출하여 테이블에 표시됩니다.
angularjs 필터를 사용하여 도버 또는 올랜도와 같은 도시를 기반으로 데이터를 필터링했습니다.
현재 시나리오 : 사용자가 도버에 있고 새로 고침 버튼을 클릭하면 모든 데이터가 다시로드됩니다. 즉, ALL 및 새로 고침에는 동일한 API 호출이 있습니다.
필요한 시나리오 : 사용자가 도버에 있고 새로 고침 버튼을 클릭하면 도버 데이터 만 새로 고침됩니다.
코드 : 당신은 사용 angular.copy (편곡)을 시도 할 수 있습니다
<div class="myrow">
<div class="col-md-6 col-sm-6">
<label for="documentStatus">Queues: </label>
<div class="btn-group" role="group" aria-label="...">
<button type="button" class="btn btn-primary active" ng-click="updateData(); myFilter = null">ALL</button>
<button type="button" class="btn btn-primary" ng-click="myFilter = {city : 'Dover'}">Dover</button>
<button type="button" class="btn btn-primary" ng-click="myFilter = {city : 'Orlando'}">Orlando</button>
</div>
</div>
</div>
<div class="container" ng-init="updateData()">
<div class="pull-right">
<button type="button" class="btn btn-primary btn-md" value="Refresh" ng-click="myFilter = null; updateData()">
<span class="glyphicon glyphicon-refresh"></span> Refresh
</button>
</div>
<table class="table table-bordered">
<thead>
<tr>
<th></th>
<th>Queue</th>
<th>No of Documents</th>
<th>Oldest document Datetime</th>
<th>Allocated Users</th>
</tr>
</thead>
<tbody ng-repeat="queue in Queues | filter: myFilter">
<tr>
<td>
<label class="checkbox-table">
<input type="checkbox" name="checkbox" ng-model="queue.isChecked" id="check-box-{{$index}}">
</label>
</td>
<td class="col-md-3">{{ queue.queue }}</td>
<td class="col-md-2">{{ queue.noOfDocuments }}</td>
<td class="col-md-2">{{ queue.oldestDoc}}</td>
<td class="col-md-5">{{ queue.allocatedUsers}}</td>
</tr>
</tbody>
</table>
</div>
만에 의해 필터링 된 자원을 가져하려는 경우가 더 나에게 백엔드 문제 같은 소리 도시'올란도'. 각도'$ http'를 사용한다면 ajax 호출에서'GET' 매개 변수로 변환 될'parameters' 속성을 던질 수 있습니다. –
위의 코드를 추가했습니다 .. –
당신의'update function'은 어디에 있습니까? – developer033