小编Hel*_*ngh的帖子

如何在Angular 4中使用带有服务的md-table

我在角度世界中相当新,我试图在Angular Material 2中使用Angular 4中的新md-table组件.

我从一个API中提取了一个服务,该API检索简单的内容数组.现在我正在尝试将此服务用作md-table的数据源,但我找不到从服务获取数据的方法(它总是返回一个空数组).

请注意,在使用md-table之前,我正在使用该服务并且它正常工作.

以下是组件的代码:

import { Component, OnInit, ViewChild } from '@angular/core';
import {DataSource} from '@angular/cdk';
import {MdPaginator} from '@angular/material';
import {BehaviorSubject} from 'rxjs/BehaviorSubject';
import {Observable} from 'rxjs/Observable';
import 'rxjs/add/operator/startWith';
import 'rxjs/add/observable/merge';
import 'rxjs/add/operator/map';

import { GroupService } from '../shared/group.service';
import { Group } from '../shared/group';

@Component({
  selector: 'app-group-list',
  templateUrl: './group-list.component.html',
  styleUrls: ['./group-list.component.css'],
  providers: [GroupService]
})
export class GroupListComponent implements OnInit{

  public DisplayedColumns = ['name', 'email', 'directMembersCount'];
  public groupDatabase = new GroupDatabase();
  public dataSource : CustomDataSource | …
Run Code Online (Sandbox Code Playgroud)

typescript angular-material2 angular

12
推荐指数
1
解决办法
1万
查看次数

标签 统计

angular ×1

angular-material2 ×1

typescript ×1