Как можно реализовать это с помощью Angular 2?

Question

Main @Maxmil

Angular

Как можно реализовать это с помощью Angular 2?

Может есть какие примеры? Как это сделать?

View <select [(ngModel)]="viewby" (ngModelChange)="setItemsPerPage(viewby)"><option>3</option><option>5</option><option>10</option></select> records at a time.

Вопрос задан более трёх лет назад
242 просмотра

Комментировать

Подписаться 1 Оценить Комментировать

Помогут разобраться в теме Все курсы

OTUS

Angular Developer

5 месяцев

Далее
Учебный центр IBS

WEB-022 Разработка на Angular. Продвинутый уровень

1 неделя

Далее
Академия Eduson

Frontend-разработчик

9 месяцев

Далее

Решения вопроса 1

8 комментариев

Main @Maxmil Автор вопроса

embed.plnkr.co/eheFSh
я хотел что-то такое(без пагинации), но не понимаю, как переделать

Написано более трёх лет назад
Main @Maxmil Автор вопроса

GTRxShock: если я выберу в списке 3, выводится 3 поста, если 5 -5, если 10, то 10.

Написано более трёх лет назад

GTRxShock @GTRxShock

Main так?

<!doctype html>
<html ng-app="plunker">

<head>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.10/angular.js"></script>
  <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.js"></script>
  <script src="example.js"></script>
  <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

  <div ng-controller="PaginationDemoCtrl">
    <table class="table">
      <tr ng-repeat="row in data.slice(0, itemsPerPage)">
        <td>{{row.name}}</td>
        <td>{{row.id}}</td>
      </tr>
    </table>
View <select ng-model="viewby" ng-change="setItemsPerPage(viewby)"><option>3</option><option>5</option><option>10</option><option>20</option><option>30</option><option>40</option><option>50</option></select> records at a time.

  </div>
</body>

</html>

Написано более трёх лет назад

Main @Maxmil Автор вопроса

GTRxShock: так это же тот код, он использует $scope, а вместо $scope, что в Angular2?

Написано более трёх лет назад
GTRxShock @GTRxShock

Main дело было вечером называется, не заметил, что там первый ангуляр :)
вот на втором, думаю идея понятна: https://plnkr.co/edit/SIzpoydzn96D5rRtSax4?p=preview

Написано более трёх лет назад
Main @Maxmil Автор вопроса

GTRxShock: спасибо) я сейчас попробую переделать!)

Написано более трёх лет назад
GTRxShock @GTRxShock

Main да на здоровье :)
если все получится, то помните, что спасибо тут выражается по-другому, это так, к слову :D

Написано более трёх лет назад
GTRxShock @GTRxShock

Main нет, надо в блоге.
Тут 2 шага:
нужна переменная и обработчик выпадающего списка, который её устанавливает

И цикл с пайпом реализующим slice от 0 элемента, до переменной выше

Написано более трёх лет назад