2015-07-28 4 views
0

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/

но это работает не так же я хочу!

ответ

0

Мне трудно понять этот вопрос, но я думаю, что вы просто хотите, чтобы свойство ng-checked = «isAllChecked» в вашем ng-repeat для входов. Если для этого значения установлено значение true, все из них должны быть проверены.

+0

Также ng-change будет лучше, чем ng-click здесь таким образом, чтобы вы всегда меняли входные данные, даже если вы не нажимали на него, но были изменены в другом месте. – James

+0

спасибо за отзыв, все, что я хочу здесь, что я делаю (с функцией checkall и selectionAdmin), то же самое поле checkall в gmail! –

+0

Ну, они не используют флажки, которые они подделывают с помощью Divs и фоновых изображений. В основном они просто устанавливают свойства на div, которые настраивают класс и отображаются по-разному. Вся логика, на которой они работают, основана на логике ng-класса, если переменная истинна, а затем отображает фоновое изображение проверки. – James