How to convert this code from angular js to typescript angu7

How to convert this code from angular js to typescript anguar 7 ?

I work on project do pagination for data returned

but i have this code as angular js

currently i work on angular 7 project and i need to do pagination

so I need to convert this code from angular js to angular 7

so How to do that please ?

var app = angular.module('employeeApp', ['ui.bootstrap']);
app.controller('employeeCtrl', function ($scope, $http) {
$scope.maxSize = 5; // Limit number for pagination display number.
$scope.totalCount = 0; // Total number of items in all pages. initialize as a zero
$scope.pageIndex = 1; // Current page number. First page is 1.-->
$scope.pageSizeSelected = 5; // Maximum number of items per page.
$scope.getEmployeeList = function () {
$http.get("http://localhost:52859/api/Employee?pageIndex=" + $scope.pageIndex + "&pageSize=" + $scope.pageSizeSelected).then(
function (response) {
$scope.employees = response.data.employees;
$scope.totalCount = response.data.totalCount;
},
function (err) {
var error = err;
});
}
//Loading employees list on first time
$scope.getEmployeeList();
//This method is calling from pagination number
$scope.pageChanged = function () {
$scope.getEmployeeList();
};
//This method is calling from dropDown
$scope.changePageSize = function () {
$scope.pageIndex = 1;
$scope.getEmployeeList();
};
});

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Viswanatha Swamy6y ago
Ahmed,
Good morning. Architecturally both angularjs and Angular are different. One of the thought processes is. I assume that you already have 1. Component, and 2. HTML template in Angular 7. You have to write 3. Service which will fetch the data from Web API, and 4. Store the data. Please refer to the below URL. Many thanks.

URL: https://blog.angular-university.io/angular-2-redux-ngrx-rxjs/