Angularjs: кнопка перехода на следующую страницу из API

Question

Angularjs: кнопка перехода на следующую страницу из API

0

У меня есть api url: "api/books/01/text? Page = 0".

Он имеет формат json:

{ "content":" This is page one. " , "pageInfo" : {"count": 6, "id": "0"} }

У меня нет проблем с получением данных в представлении:

.factory('Service',function($http) {
  return {
    url: '.../api/books/01/text?page=0',

    fetch: function(config) {
      return $http.get(this.url, config).then(function(json) {
        return json.data;
      });
    },
  }

Но предположим, что я хочу сделать кнопку, которая перейдет на следующую страницу, когда пользователь нажмет на следующую кнопку, вид изменит текстовую базу на информацию, которая следующая api url "api/books/01/text? Page = 1", что мне нужно делать?

Kamie Xeng 07 нояб. 2015, в 00:30

Источник

0

Вы хотите сохранить номер страницы или нет? т.е. если пользователь нажимает «следующий» пару раз, а затем обновляет страницу, нормально, если все начнется снова со страницы 0?
wil93 06 нояб. 2015, в 23:25
0

Вам просто нужно обновить модель и отобразить этот элемент модели в своем представлении.
guilhebl 06 нояб. 2015, в 23:31
0

Нет, я не хочу сохранять страницу, когда пользователь обновляет страницу, она должна оставаться на текущей странице.
Kamie Xeng 06 нояб. 2015, в 23:33
0

@guilhebl Есть ли пример?
Kamie Xeng 06 нояб. 2015, в 23:39
0

позвольте мне написать в ответ, что я думаю, что вы ищете
guilhebl 07 нояб. 2015, в 00:43

Показать ещё 3 комментария

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Вы хотите сохранить номер страницы или нет? т.е. если пользователь нажимает «следующий» пару раз, а затем обновляет страницу, нормально, если все начнется снова со страницы 0?
Вам просто нужно обновить модель и отобразить этот элемент модели в своем представлении.
Нет, я не хочу сохранять страницу, когда пользователь обновляет страницу, она должна оставаться на текущей странице.
позвольте мне написать в ответ, что я думаю, что вы ищете

guilhebl · Accepted Answer · 2015-11-06T22-58-00.000Z

Предположим, что ваш page.id - это индекс вашей страницы, а page.count - количество элементов на этой странице в вашем коде контроллера:

$scope.page = Service.fetch($scope.config);

в вашем HTML:

<div>
<span>Page: {{page.id}}</span>
<span>Records: {{page.count}}</span>
<button ng-disabled="{{page.id === 0}}" ng-click="nextPage()"> Next</button>
</div>

Обработчик функции контроллера для нажатия кнопки

  // fetch next page
$scope.nextPage = function() {
    $scope.config.pageIndex = scope.config.pageIndex + 1;
    $scope.page = Service.fetch($scope.config);
 };