[Angular 2] 4. Inject service into component

import {Component, View, bootstrap, NgFor} from 'angular2/angular2';
class FriendsService {
    names: Array<string>;
    constructor() {
        this.names = ["Aarav", "Martin", "Shannon", "Ariana", "Kai"];
    }
}

@Component({
    selector: 'display',
    appInjector: [FriendsService]
})
@View({
    template: `
   <p>My name: {{ myName }}</p>
   <ul>
    <li *ng-for="#name of names">
    {{ name }}
    </li>
   </ul>
  `,
    directives: [NgFor]
})
class DisplayComponent {
    myName:string;
    names: Array<string>;

    constructor(friendsService: FriendsService) {
        this.myName = 'Alice';
        this.names = friendsService.names;
    }
}

bootstrap(DisplayComponent);