AngularJS 2 EXCEPTION：錯誤：未捕獲（承諾）：TypeError：無法設置屬性'公司'爲空

Question

我堅持了一整天，不知道爲什麼。這是組件的代碼：

import {Component, ViewEncapsulation, OnInit} from '@angular/core'; 
import {ROUTER_DIRECTIVES} from '@angular/router-deprecated'; 
import {Company} from './company'; 
import {Job} from './job' 
import {CompanyService} from './company-service'; 

@Component({ 
    directives: [ 
    ROUTER_DIRECTIVES, 
    ], 
    selector: '[job-list-page]', 
    host: { 
    class: 'job-list-page app' 
    }, 
    template: require('./job-list-page.html'), 
    encapsulation: ViewEncapsulation.None, 
    styles: [require('./job-list-page.scss'), require('./login-page.scss')], 
    providers: [CompanyService] 
}) 


export class JobListPage implements OnInit{ 
    company: Company; 
    constructor(private companyService: CompanyService){} 

    ngOnInit(){ 
    this.getCompany(); 
    } 

    getCompany(){ 
    this.companyService.getCompany().then(function(company){ 
     console.log(company); 
     this.company = company; 
     } 
    ); 
    } 
} 

這是公司service.ts的代碼：（）

import { Injectable } from '@angular/core'; 
import { Company } from './company'; 
import { Job } from './job' 
import { COMPANY } from './mock-company'; 

@Injectable() 
export class CompanyService{ 
    getCompany(){ 
     return Promise.resolve(COMPANY); 
    } 
} 

我在getCompany得到的對象。但我無法將對象分配給this.company。它會顯示錯誤。我不知道爲什麼。看起來我不能在then（）方法中爲變量賦值。

以下是的console.log：

Angular 2 is running in the development mode. Call enableProdMode() to enable the production mode. 
job-list-page.ts:33 Object {id: "invision", name: "INVISONAPP", logo: "assets/images/pictures/invision-logo-square.png", description: "InVision is the world's leading design collaborati…ernote, Twitter, Adobe, Salesforce and many more.", jobs: Array[1]} 
browser_adapter.ts:88 EXCEPTION: Error: Uncaught (in promise): TypeError: Cannot set property 'company' of null 
browser_adapter.ts:78 EXCEPTION: Error: Uncaught (in promise): TypeError: Cannot set property 'company' of nullBrowserDomAdapter.logError @ browser_adapter.ts:78BrowserDomAdapter.logGroup 

真的需要幫助，謝謝。

Answer 1

你應該用一個箭頭功能能夠使用這個詞彙在回調：

getCompany(){ 
    this.companyService.getCompany().then((company) => { 
    console.log(company); 
    this.company = company; 
    } 
); 
}