Nota: Para verificar a versão do seu Angular CLI digite: ng --version  

O comando : npm install -g @angular/cli   instala o Angular CLI.

export class Cliente {
    id: string;
    nome: string;
    endereco: string;
    telefone: string;
    email: string;
    cidade: string;
}

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';  
import { HttpHeaders } from '@angular/common/http';  
import { Observable } from 'rxjs';  
import { Cliente } from './cliente'; 

var httpOptions = {headers: new HttpHeaders({"Content-Type": "application/json"})};

@Injectable({
  providedIn: 'root'
})
export class ClienteService { 

  url = 'http://localhost:16434/api/clientes';  

  constructor(private http: HttpClient) { }

  getAllCliente(): Observable<Cliente[]> {  
    return this.http.get<Cliente[]>(this.url + '/todos');  
  }  

  getClienteById(clienteid: string): Observable<Cliente> {  
    const apiurl = `${this.url}/${clienteid}`;
    return this.http.get<Cliente>(apiurl);  
  }  

  createCliente(cliente: Cliente): Observable<Cliente> {  
    return this.http.post<Cliente>(this.url + '/incluir', cliente, httpOptions);  
  }  

  updateCliente(clienteid: string, cliente: Cliente): Observable<Cliente> {  
    const apiurl = this.url+ '/alterar?id=' + clienteid ;
    return this.http.put<Cliente>(apiurl,cliente, httpOptions);  
  }  

  deleteClienteById(clienteid: string): Observable<number> {  
    return this.http.delete<number>(this.url + '/excluir?id=' + clienteid,httpOptions);  
  }  

}

import {CommonModule } from '@angular/common';
import {A11yModule} from '@angular/cdk/a11y';  
import {DragDropModule} from '@angular/cdk/drag-drop';  
import {PortalModule} from '@angular/cdk/portal';  
import {ScrollingModule} from '@angular/cdk/scrolling';  
import {CdkStepperModule} from '@angular/cdk/stepper';  
import {CdkTableModule} from '@angular/cdk/table';  
import {CdkTreeModule} from '@angular/cdk/tree';  
import {NgModule} from '@angular/core';  

import {  
  MatAutocompleteModule,  
  MatBadgeModule,  
  MatBottomSheetModule,  
  MatButtonModule,  
  MatButtonToggleModule,  
  MatCardModule,  
  MatCheckboxModule,  
  MatChipsModule,  
  MatDatepickerModule,  
  MatDialogModule,  
  MatDividerModule,  
  MatExpansionModule,  
  MatGridListModule,  
  MatIconModule,  
  MatInputModule,  
  MatListModule,  
  MatMenuModule,  
  MatNativeDateModule,  
  MatPaginatorModule,  
  MatProgressBarModule,  
  MatProgressSpinnerModule,  
  MatRadioModule,  
  MatRippleModule,  
  MatSelectModule,  
  MatSidenavModule,  
  MatSliderModule,  
  MatSlideToggleModule,  
  MatSnackBarModule,  
  MatSortModule,  
  MatStepperModule,  
  MatTableModule,  
  MatTabsModule,  
  MatToolbarModule,  
  MatTooltipModule,  
  MatTreeModule,  
} from '@angular/material';  

@NgModule({  
  exports: [  
    A11yModule,  
    CdkStepperModule,  
    CdkTableModule,  
    CdkTreeModule,  
    DragDropModule,  
    MatAutocompleteModule,  
    MatBadgeModule,  
    MatBottomSheetModule,  
    MatButtonModule,  
    MatButtonToggleModule,  
    MatCardModule,  
    MatCheckboxModule,  
    MatChipsModule,  
    MatStepperModule,  
    MatDatepickerModule,  
    MatDialogModule,  
    MatDividerModule,  
    MatExpansionModule,  
    MatGridListModule,  
    MatIconModule,  
    MatInputModule,  
    MatListModule,  
    MatMenuModule,  
    MatNativeDateModule,  
    MatPaginatorModule,  
    MatProgressBarModule,  
    MatProgressSpinnerModule,  
    MatRadioModule,  
    MatRippleModule,  
    MatSelectModule,  
    MatSidenavModule,  
    MatSliderModule,  
    MatSlideToggleModule,  
    MatSnackBarModule,  
    MatSortModule,  
    MatTableModule,  
    MatTabsModule,  
    MatToolbarModule,  
    MatTooltipModule,  
    MatTreeModule,  
    PortalModule,  
    ScrollingModule,  
  ]  
})  
export class AngularmaterialModule { }  

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { ClienteComponent } from './cliente/cliente.component';
import { ClienteService } from './cliente.service';  

import { HttpClientModule } from '@angular/common/http';  
import { AngularmaterialModule } from './material/angularmaterial/angularmaterial.module'; 
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';  

@NgModule({
  declarations: [
    AppComponent,
    ClienteComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule,  
    BrowserAnimationsModule,  
    AngularmaterialModule, 
    AppRoutingModule
  ],
  providers: [ClienteService],
  bootstrap: [AppComponent]
})
export class AppModule { }

    <ng-container matColumnDef="Nome">  
       <th mat-header-cell *matHeaderCellDef mat-sort-header> Nome </th>  
       <td mat-cell *matCellDef="let element"> {{element.Nome}} </td>  
    </ng-container>  

import { Component, OnInit, ViewChild } from '@angular/core';
import { Cliente } from '../cliente';
import { MatTableDataSource, MatPaginator, MatSort } from '@angular/material';
import { ClienteService } from '../cliente.service';

@Component({
  selector: 'app-cliente',
  templateUrl: './cliente.component.html',
  styleUrls: ['./cliente.component.css']
})
export class ClienteComponent implements OnInit {

  allCliente:Cliente[];  
  dataSource: MatTableDataSource<Cliente>;  
  displayedColumns: string[] = ['ID', 'Nome', 'Email', 'Telefone','Endereco','Cidade'];  
  @ViewChild(MatPaginator) paginator: MatPaginator;  
  @ViewChild(MatSort) sort: MatSort;  

  constructor(private service: ClienteService) {
    this.service.getAllCliente().subscribe(data =>{  
      this.dataSource = new MatTableDataSource(data);  
      this.dataSource.paginator = this.paginator;  
      this.dataSource.sort = this.sort;  
    });
   }

  ngOnInit() {
    this.dataSource.paginator = this.paginator;  
    this.dataSource.sort = this.sort;  
  }

  applyFilter(filterValue: string) {  
    this.dataSource.filter = filterValue.trim().toLowerCase();  
  

    if (this.dataSource.paginator) {  
      this.dataSource.paginator.firstPage();  
    }  
  }  

}

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Paginacao1</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" 
  crossorigin="anonymous">
</head>
<body>
  <app-root>Carregando...</app-root>
  <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" 
  crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" 
  integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>

th, td {
    text-align: left;
}

Quer migrar para o VB .NET ?

• Veja mais sistemas completos para a plataforma .NET no Super DVD .NET , confira...

• Curso Básico VB .NET - Vídeo Aulas

Quer aprender C# ??

• Chegou o Super DVD C# com exclusivo material de suporte e vídeo aulas com curso básico sobre C#.

• Curso C# Basico - Video Aulas

Quer aprender os conceitos da Programação Orientada a objetos ?

• Curso Fundamentos da Programação Orientada a Objetos com VB .NET

Quer aprender o gerar relatórios com o ReportViewer no VS 2013 ?

•  Curso - Gerando Relatórios com o ReportViewer no VS 2013 - Vídeo Aulas