相关疑难解决方法(0)

我收到以下错误:

EXCEPTION: Cannot find a differ supporting object '[object Object]' in [files | async in Images@1:9]

这是模板的相关部分:

<img *ngFor="#file of files | async" [src]="file.path">

这是我的代码:

export class Images {
  public files: any; 
  public currentPage: number = 0;
  private _rawFiles: any;

  constructor(public imagesData: ImagesData) {
    this.imagesData = imagesData;  
    this._rawFiles = this.imagesData.getData()
        .flatMap(data => Rx.Observable.fromArray(data.files));
    this.nextPage();
  }

  nextPage() {
    let imagesPerPage = 10;
    this.currentPage += 1;
    this.files = this._rawFiles
                    .skip((this.currentPage - 1) * imagesPerPage)
                    .take(imagesPerPage);
    console.log("this.files:", this.files);                
  }
}

将console.log在年底显示,它是一个可观察到的: …

嗨,我正在尝试如何更新表角度2.

这就是我所拥有的:后端:express/MongoDB.更新通过外部应用程序提供给数据库:90%的数据将是静态的.每秒有10%的数据更新.

我看过Observables/promises.HTTP请求/套接字IO,但无法围绕这些概念.

主要问题:我可以使用带有socket.io的observable来更新记录吗？

有关数据更新的其他问题

1. Angular 2的Observables - 只有在客户端提取数据时才能使用Observables吗？或者,当数据被推送到客户端时,您可以将它与套接字一起使用.(所有在线示例都使用带有http请求的observable)
2. 您可以使用Socket IO更新对象,还是仅用于新对象？每个例子都看是一个聊天应用程序.
3. 使用http请求时,如何设置请求数据的频率？(一些例子在线使用循环,但这似乎是错误的.)

我面临着Angular2路由器和异步管道的问题.

我试图渲染一个RxJs Observable,数据不会自动渲染.

必须单击链接以获取要呈现的数据的路径.

这是根应用程序:

import {bootstrap}    from 'angular2/platform/browser';
import {HTTP_PROVIDERS} from 'angular2/http';
import {ROUTER_PROVIDERS} from 'angular2/router';
import {AppComponent} from './app.component.ts';

bootstrap(AppComponent, [HTTP_PROVIDERS, ROUTER_PROVIDERS]);

这是根组件:

import {Component} from 'angular2/core';
import {RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
import {FirstComponent} from './app.first-component.ts';
import {SecondComponent} from './app.second-component.ts';
import {AppService} from "./app.services.ts";


@Component({
    selector: 'my-app',
    providers: [AppService, FirstComponent, SecondComponent],
    directives: [FirstComponent, SecondComponent, ROUTER_DIRECTIVES],
    template: `<h1>An Angular 2 App</h1>
               <a [routerLink]="['First']">first-default</a> 
               <a [routerLink]="['Second']">second</a> 
               <router-outlet></router-outlet>`
})
@RouteConfig([
    {path: '/', name: 'First', component: FirstComponent, useAsDefault: true},
    {path: '/second', name: …