Angular 2 - 4) Crear clases y objetos

Objetivo:

• Crear clases

1. Crear un nuevo directorio llamado “shared” dentro de app. Luego dentro de este crear un nuevo directorio llamado “models”
2. Crear un nuevo archivo dentro de “models” llamado user.ts

export class User  {

  id: number;

  name: string;

  username: string;

  constructor(id, name, username) {

      this.id = id;

      this.name = name;

      this.username = username;

  }

}

3. Importar esta nueva clase dentro de users.component.ts

import { User } from '../shared/models/user';

4. Agregar a la lista de users que deben ser objetos del tipo User y crear cada uno de ellos:

export class UsersComponent implements OnInit {

message:string;

users: Array<User>;

activeUser;

constructor() { }

ngOnInit() {

  this.message = "Bienvenidos";

  this.users = [

    new User(25, "Leo", "Leonel"),

    new User(26, "Diego", "Diegote"),

    new User(27, "Martin", "tincho")

  ];

}

selectUser(user) {

  this.activeUser = user;

}

}

5. Ejecutar en la consola ng serve y se muestra el mismo resultado.

Repositorio en GitHub