Im новичок в angularjs. Теперь у меня проблемы с флажком. Первое: мой веб являются пейджинг, сортировка и изменение размера страницы с помощью API вызова, чтобы получить данные с сервера на заводе:Angularjs checkbox like gmail
this.getData = function(page , sortColumm, sortType , pageSize, searchText){
$http({
method = get;
url = "api/data?page="+page +"&sortColumm=" +sortColumm +"&sortType="+sortType +"&pagesize="+pageSize+"&search="+searchText;
}).success(function (data) {
}).error(function (error) {
});
}
теперь у меня есть страницы с помощью angularjs для связывания данных с использованием Funciton GetData. HTML:
<thead>
<tr>
<th><input type="checkbox" ng-model="selectedAll" ng-click="checkAll()"></th>
<th>Administrator Name</th>
<th >Administrator Type</th>
<th>Roles</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="gladmin in gladmins" ng-switch on="gladmin.isEnabled"
on-finish-render="resizetable">
<td><input type="checkbox" ng-model="gladmin.Selected" value="{{gladmin.id}}" ng-click="selectionAdmin(gladmin.id)"></td>
<td><a href="javascript:void(0)" title="">{{gladmin.name}}</a></td>
<td>{{gladmin.type}}</td>
</tr>
</tbody>
контроллер
app.controller('adminPage',function(){
// call getData
$scope.checkAll=function(){
// what should i write here?
// i want check all is for current page, next page checkall = fall,
// same GMAIL
}
$scope.selectionAdmin = function(id){
// what should i do here
}
})
Все, что я хочу, это checkall равно checkall в Gmail? кто-нибудь мне помогает? пожалуйста, я новый bie в этом!
я найти ссылку здесь: http://plnkr.co/edit/N98IKTcHoZMCs18FjSRF?p=preview http://vitalets.github.io/checklist-model/
но это работает не так же я хочу!
Также ng-change будет лучше, чем ng-click здесь таким образом, чтобы вы всегда меняли входные данные, даже если вы не нажимали на него, но были изменены в другом месте. – James
спасибо за отзыв, все, что я хочу здесь, что я делаю (с функцией checkall и selectionAdmin), то же самое поле checkall в gmail! –
Ну, они не используют флажки, которые они подделывают с помощью Divs и фоновых изображений. В основном они просто устанавливают свойства на div, которые настраивают класс и отображаются по-разному. Вся логика, на которой они работают, основана на логике ng-класса, если переменная истинна, а затем отображает фоновое изображение проверки. – James