如何在Angular 2中使用另一個組件的屬性值？

Question

我有一個組件這樣的數據：

@Injectable() 
export class ContactsData { 

    public CONTACTS: Contact[] = [ 
     { id: "1", firstname: "Maxxx", lastname: "Smith", email: "max@gmail.com" }, 
     { id: "2", firstname: "Chris", lastname: "Raches", email: "chris@gmail.com" }, 
     { id: "3", firstname: "Michael", lastname: "Alloy", email: "michael@gmail.com" }, 
     { id: "4", firstname: "John", lastname: "Doe", email: "john@gmail.com" }, 
     { id: "5", firstname: "Jenny", lastname: "Doe", email: "jenny@gmail.com" } 
    ]; 

我試圖從另一個服務訪問它，但我得到「無法找到名爲‘聯繫’」：

import {ContactsData} from "./data"; 
import {Contact} from "./contact"; 

@Injectable() 
export class ContactService{ 
    getContacts(){ 
     return Promise.resolve(ContactsData.CONTACTS); // Error here 
    } 

我已經顯然跳過了我不明白的一個步驟 - 請指向正確的方向...

Answer 1

您需要在ContactService中注入ContactsData。

@Injectable() 
export class ContactService { 
    constructor(private data: ContactsData) {} 

    getContacts() { 
    return Promise.resolve(this.data.CONTACTS); 
    } 
}