2016-03-24 9 views
0

Ich habe versucht das Beispiel auf Angular2 offiziellen Website: https://angular.io/docs/ts/latest/guide/pipes.htmlIst die Async-Leitung in Angular2 Beta8 und Beta9 unterbrochen?

Keine Nachricht wird angezeigt und ohne einen Fehler anzuzeigen. Hier

import {Component} from 'angular2/core'; 
// Initial view: "Message: " 
// After 500ms: Message: You are my Hero!" 
@Component({ 
    selector: 'hero-message', 
    template: 'Message: {{delayedMessage | async}}', 
}) 
export class HeroAsyncMessageComponent { 
    delayedMessage:Promise<string> = new Promise((resolve, reject) => { 
    setTimeout(() => resolve('You are my Hero!'), 500); 
    }); 
} 

ist die Plunker: https://plnkr.co/edit/SokJZ8cGGx4upIaG7wW8?p=catalogue

+0

Ich kann sehen, dass Sie den PLNKR vor 3 Minuten bearbeitet haben, um meiner Antwort zu entsprechen ... jetzt funktioniert es ... –

Antwort

2

Sie den Konstruktor verpasst

export class AppComponent { 
    data: Promise<string>; 

    constructor() { // << You missed it! 
     this.data = new Promise((resolve,reject)=>{ 
     setTimeout(() => resolve("Hello World "), 500); 
     }); 
    } 
} 

Oder Sie können auch direkt die Versprechen an die Immobilie

data: Promise<string> = new Promise((resolve,reject)=>{ 
     setTimeout(() => resolve("Hello World "), 500); 
    }); 

Hier ist Ihre plnkr zuweisen Arbeits .

Verwandte Themen