Angular2错误(表达式' observable | async in)

时间:2016-03-06 16:12:25

标签: angular rxjs

在我的主机中获取此错误:

  

异常:表达式'可观察的| AppComponent @ 6:25'中的异步具有   检查后改变了。之前的价值:' 2,4,6,8,10'。当前   值:' [对象]'在[可观察的| AppComponent中的异步@ 6:25]

起初我在构造函数中使用它,但我将其更改出来,因为我认为使用返回将会解决,但仍然是相同的,

import {Component, Inject} from 'angular2/core'
import {Observable} from 'rxjs/Observable';
import 'rxjs/Rx';

@Component({
    selector: 'test',
    template: `  
                    <div *ngFor="#item of observable | async"> test: {{ item }}</div>  


              `

})
export class  AppComponent {

    public observable: Observable<Array<number>>;


    constructor(){

        //This no works without error
        this.observable = Observable.range(1, 10)
         .filter((paraCadaUno: any) => paraCadaUno % 2 === 0 )
         .toArray();

        //This no works without error
        //this.test();
    }

    test(): any{
        return this.observable = Observable.range(1, 10)
         .filter((paraCadaUno: any) => paraCadaUno % 2 === 0 )
         .toArray();

    }
}

如果我的主机,有效enableProdMode()没有问题,但是在plunker这没有错误,在Plunker未激活enableProdMode()

Plunker

的package.json

"angular2": "2.0.0-beta.7",
"systemjs": "0.19.22",
"es6-promise": "^3.0.2",
"es6-shim": "^0.33.3",
"reflect-metadata": "0.1.2",
"rxjs": "5.0.0-beta.2",
"zone.js": "0.5.15"

也许这个错误与此响应有关,但与如何解决它有关,或者这是错误的方法。

Angular2 method binding error: "value has changed after it was checked"

0 个答案:

没有答案