Я реализовал умную таблицу на своей странице через ng-include
, и st-search
не работает. Вот мой код:
Таблица
<div class="horizontal-scroll" ng-controller="SmartTableController">
<div class="form-group select-page-size-wrap ">
<label>Rows on page
<select class="form-control selectpicker show-tick" title="Rows on page" selectpicker
ng-model="smartTablePageSize" ng-options="i for i in [5,10,15,20,25]">
</select>
</label>
</div>
<table class="table" st-table="displayedData" st-safe-src="smartTableData" >
<thead>
<tr class="sortable ">
<th class="table-id" st-sort="id" st-sort-default="true">#</th>
<th st-sort="firstname">Prénom</th>
<th st-sort="lastname">Nom</th>
<th st-sort="role">Rôle</th>
<th st-sort="email">Email</th>
<th st-sort="chargeRate">Taux de charge</th>
</tr>
<tr>
<th></th>
<th><input st-search="firstname" placeholder="Chercher Prénom" class="input-sm form-control search-input"
type="search"/></th>
<th><input st-search="lastname" placeholder="Chercher Nom" class="input-sm form-control search-input"
type="search"/></th>
<th><input st-search="role" placeholder="Chercher Rôle" class="input-sm form-control search-input"
type="search"/></th>
<th><input st-search="email" placeholder="Chercher Email" class="input-sm form-control search-input" type="search"/>
</th>
<th><input st-search="chargeRate" placeholder="Chercher Taux de charge" class="input-sm form-control search-input" type="search"/>
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in displayedData">
<td class="table-id">{{item.id}}</td>
<td>{{item.firstname}}</td>
<td>{{item.lastname}}</td>
<td>{{item.role[0].name}}</td>
<td><a class="email-link" ng-href="mailto:{{item.email}}">{{item.email}}</a></td>
<td>{{item.chargeRate}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="6" class="text-center">
<div st-pagination="" st-items-by-page="smartTablePageSize" st-displayed-pages="5"></div>
</td>
</tr>
</tfoot>
</table>
</div>
а затем я получаю данные из приложения отдыха и вот мой контроллер:
angular.module('BlurAdmin.pages.users')
.controller('SmartTableController',SmartTableController);
function SmartTableController ($log, $scope, smartTableFactory) {
$scope.smartTableData = [];
$scope.selectedUsers = {};
$scope.smartTablePageSize = 10;
/**
* Get Smart Table data
*/
$scope.getSmartTableData = function () {
smartTableFactory.getSmartTableData()
.success(function (data) {
$scope.smartTableData = data;
$scope.displayedData = angular.copy($scope.smartTableData);
console.log(" Data : " , data);
//Edit
$scope.displayedData = $scope.smartTableData;
})
.error(function (data, status) {
$scope.addMessage = "Erreur data : " + data + ' ' + status;
$log.log(data.error + '' + status);
});
};
$scope.getSmartTableData();
}
Мой сервис работает нормально, я получаю данные, которые отображаются в таблице, я просто не могу искать.
Любая помощь будет оценена по достоинству. Спасибо
st-safe-src
- person charlietfl   schedule 15.01.2017st-table
и изменил данные ретранслятора, но проблема не устранена - person Moatez Bouhdid   schedule 15.01.2017st-table
массив - это массив, отличный от массиваsmartTableData
? - person charlietfl   schedule 15.01.2017$http
является асинхронным, поэтому вы не можете назначить$scope.displayedData
сразу, иначе это будет исходный пустой массив и будет такая же ссылка .... вам нужна копия и нужно назначить внутри обратного вызова - person charlietfl   schedule 15.01.2017$scope.displayedData
содержит данные, поэтому не пустые. - person Moatez Bouhdid   schedule 15.01.2017$scope.displayedData = $scope.smartTableData;
? да, если вы имеете в виду это - person Moatez Bouhdid   schedule 15.01.2017angular.copy($scope.smartTableData)
- person charlietfl   schedule 15.01.2017$http
для получения данных из этого файла. слишком много работы для меня, чтобы изменить все это - person charlietfl   schedule 15.01.2017