각도 2 약속 전달 객체 관련 문제

Question

각도 객체 2를 반환하겠다는 약속을 사용하는 데 문제가 있습니다. degree.service의 첫 번째 return 문 (주석 처리되지 않음)은 getDegree의 주석 처리되지 않은 구현과 잘 어울립니다() 안에 build.component. 나는 약속을 사용하여 주석 구현 중 하나로 전환하려고 할 때, 객체는 항상 다시

import { Injectable } from '@angular/core'; 

import { Degree } from '../components/degree'; 
import { Category } from '../components/category'; 
import { Course } from '../components/course'; 

import { SAMPLE } from '../components/mock-degree'; 

@Injectable() 
export class DegreeService{ 
    getDegree(){ 
    return SAMPLE; 
    // return Promise.resolve(SAMPLE); 
    // return new Promise<Degree>(function (resolve, reject) { 
    // resolve(SAMPLE); 
    // }) 
    } 
} 

build.component.ts "정의되지 않은"

degree.service.ts로 온다 난 당신이 템플릿이 아니라 약속으로 currDeg을 사용하는 방법을 모르는

import { Component, Input, OnInit } from '@angular/core'; 
import { SEMANTIC_COMPONENTS, SEMANTIC_DIRECTIVES } from "ng-semantic"; 

import { Course } from '../course'; 
import { Category } from '../category'; 
import { PaneComponent } from './pane/pane.component'; 
import { Degree } from '../degree'; 

import { DegreeService } from '../../services/degree.service'; 


const blank: Category = { 
    name: '', 
    rank: 1, 
    rulestat: 'no', 
    categories: [], 
    courses: [] 
} 

@Component({ 
    selector: 'my-build', 
    directives: [SEMANTIC_COMPONENTS, SEMANTIC_DIRECTIVES, PaneComponent], 
    templateUrl: `app/components/build/build.component.html`, 
    providers: [DegreeService] 
}) 



export class BuildComponent implements OnInit{ 
    constructor(private degreeService: DegreeService){} 

    level: number = 1; 
    currDeg: Degree; 
    parents = [blank, blank, blank, blank]; 


    setLast(lst: Category){ //pass category objects, do all UI changing here 
    this.level = lst.rank + 1; 
    this.parents[lst.rank - 1] = lst; 
    } 

    getDegree(){ 
    //this.degreeService.getDegree().then(deg => this.currDeg = deg) 
    this.currDeg = this.degreeService.getDegree(); 
    } 

    ngOnInit(){ 
    this.getDegree(); 
    } 
} 

Answer 1

는 상황이 비동기. 따라서 해당 객체는 나중에 설정 될 것이므로 (약속이 해결 될 때) 처음에 정의되지 않을 것입니다. 약속이 직접적으로 Promise.resolve으로 해결되는 경우에도 마찬가지입니다.

export class DegreeService{ 
    getDegree(){ 
    return Promise.resolve(SAMPLE); 
    } 
} 

@Component({ 
    selector: 'my-app', 
    providers: [DegreeService], 
    templateUrl: 'src/app.html' 
}) 
export class App { 
    constructor(private degreeService:DegreeService) { 
    } 

    getDegree(){ 
    this.degreeService.getDegree().then(deg => { 
     this.currDeg = deg; 
     console.log('this.currDeg = ' + this.currDeg); // <------ 
    }); 
    } 

    ngOnInit(){ 
    this.getDegree(); 
    } 
} 

이 plunkr : https://plnkr.co/edit/1fxE0okyMNj2JktURY4w?p=preview을 참조하십시오.