角2依存注入がサービスで動作しない

Question

私はUserServiceから静的データを角2で取得しようとしています。ドキュメントからすべてがうまく見えますが、何らかの理由で機能しません。ここで

はここに私のUserComponent.ts

import {Component ,OnInit } from '@angular/core'; 
import {UsersService} from './users.service'; 


    @Component({ 
     selector: 'users', 
     template: `<h3>Users </h3> 
     <ul> 
     <li *ngFor="let user of users">{{user}}</li> 
     </ul> 
     `, 
     providers:[UsersService] 
    }) 
    export class UsersComponent { 
     users; 
     title; 

     construct(usersService: UsersService){ 
      this.users=usersService.getUsers(); 
// i also tried this but no luck. this.users = this.usersService.getUsers(); 
     } 

    } 

され、私のUsersService.tsある

import { Injectable } from '@angular/core'; 
@Injectable() 
export class UsersService { 
    users =['krishna','ravi','ram','ramesh','sita']; 
      getUsers() { 
      return this.users ; 
     } 

} 

としては、その出力が

<h3>Users </h3> 
    <ul> 
    <li>Krishna</li> 
    <li>Ravi</li> 
    <li>Hari</li> 
    <li>etc</li> 
    </ul> 

でなければなりません期待しかし、それは上の繰り返しされていません* ngForループ。 {{ユーザー}}も印刷され、空に戻ります。ここで問題点を教えてください。

Answer 1

はconstructor

export class UsersComponent { 
    users; 
    title; 

    constructor(private usersService: UsersService) {   
    } 

    ngOnInit() { 
    this.users = this.usersService.getUsers(); 
    } 
}