Angular 2 - Resolvido

Front-end JavaScript
#21

Consegui resolver:

import { Component, OnInit, ViewChild } from '@angular/core';
import { Router } from '@angular/router';

import { Pais } from '../modelo/pais.model';
import { PaisService } from './pais.service';

import {MatTableDataSource, MatPaginator} from '@angular/material';

@Component({
  moduleId: module.id,
  selector: 'app-pais',
  templateUrl: './pais.component.html',
  styleUrls: ['./pais.component.css'],
  providers: [PaisService]
})
export class PaisComponent implements OnInit {
  displayedColumns = ['descricao'];

  dataSource: MatTableDataSource<Pais>;

  paises: Pais[]; 

  @ViewChild(MatPaginator) paginator: MatPaginator;

  constructor(
      private router: Router, 
      private paisService: PaisService
    ) { }

  ngOnInit(): void {
    this.getPaises();
  }

  getPaises(): void {
    this.paisService.getPaises().subscribe( 
      (data :any) => { 
      this.dataSource = new MatTableDataSource<Pais>(data);
      this.dataSource.paginator = this.paginator;
    });

  }

  alterar(pais: Pais){
    console.log(pais);
    console.log("Alterando país ");
    this.router.navigate(['/pais/alterar/' + pais.id]);
  }
}