Angular2 Service call Метод модели

Question

Я новичок в angular2, поэтому постараюсь сделать этот вопрос максимально ясным. Я хочу иметь метод в моей модели, который я могу позвонить из службы. Сейчас у меня есть попытка заменить имя.

Вот моя модель

export class Secret { 

    public name: string; 

    constructor (
    public id: number, 
    public type: string, 
    public visible_data: any, 
    public secrets?: any, 
    public group_id?: number, 
    public group_name?: string 
    ) { 
    this.name = this.myName(); 
    } 

    public myName(): string { 
    return this.name = "whaddup" 
} 

}

и мой метод обслуживания

/* 
* get secrets 
*/ 
public getSecrets(): Promise<Secret[]> { 
let tempArray = []; 

return this.sdk.list_secrets() 
    .then((resp) => { 

    resp.map((item) => { 

     tempArray.push({ 
     id: item.id, 
     name: this.secret.myName(), 
     type: item.type, 
     visible_data: { 
      "username": item.data 
     } 
     }); // end push 

    }); 

    return tempArray; 
    }) 
    .catch((err) => { 
    console.error(err); 
    }); 
} 

list.component.ts код:

export class ListComponent implements OnInit { 

public constantArray: Secret[]; 
private secrets: Secret[]; 
private secret: Secret; 

    constructor(private secretService: SecretService) { } 

public ngOnInit() { 
    this.getSecrets(); 
} 

public getSecrets() { 
this.secretService.getSecrets() 
    .then((data) => { 

    this.secrets = data; 
    this.constantArray = data; 

    }); 
} 

} 

Answer 1

Вместо

tempArray.push({ 
    id: item.id, 
    name: this.secret.myName(), 
    type: item.type, 
    visible_data: { 
     "username": item.data 
    }); // end push 

Вы должны сделать

tempArray.push(new Secret(item.id, ...)); 

Причины: в исходном коде, объект толкнул массив обычного старого JavaScript Object, и они не являются объектами машинописи. «Новый ...» создаст реальный объект класса typecript.

Answer 2

Для работы с angular2 службы, вы урожденная d сделать две вещи. Прежде всего, вы должны в аннотации @Injectable поверх ваших услуг.

Если вы хотите, чтобы ввести услуги в друг друга, вы должны предоставить им на ваших NgModule так:

@NgModule({ 
    selector: 'my-app', 
    providers: [NameService] 
}): 

Если вы хотите, чтобы ввести услугу в другой сервис/компонента вы можете просто кредитное плечо машинопись и инъекционное конструктор так:

constructor(private secretService: SecretService) {}