angular2智能表未显示该表。我已点击链接git hub
app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { Ng2SmartTableModule } from 'ng2-smart-table';
@NgModule({
imports: [BrowserModule, FormsModule, Ng2SmartTableModule],
declarations: [AppComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
request.component.ts
import { Component } from '@angular/core';
import { ItableValues } from './tableValues.component';
import { RequestFilterPipe } from './request-filter.pipe';
import { TableService } from './table-service.component';
@Component({
selector: 'mm-request',
templateUrl: 'app/dataManagement/request.component.html',
})
export class RequestComponent {
pageTitle: string = 'Request';
imageWidth: number = 50;
imageMargin: number = 2;
settings = {
columns: {
id: {
title: 'ID'
},
name: {
title: 'Full Name'
},
username: {
title: 'User Name'
},
email: {
title: 'Email'
}
}
};
data = [
{
id: 1,
name: "Leanne Graham",
username: "Bret",
email: "Sincere@april.biz"
},
{
id: 2,
name: "Ervin Howell",
username: "Antonette",
email: "Shanna@melissa.tv"
},
// ... list of items
{
id: 11,
name: "Nicholas DuBuque",
username: "Nicholas.Stanton",
email: "Rey.Padberg@rosamond.biz"
}
];
}
request.component.html
<div>
<ng2-smart-table [settings]="settings" [source]="data"></ng2-smart-table>
</div>
每当我运行应用程序时,它只显示第一个加载页面。 所有帮助将不胜感激。
更新: 我删除了在declarartion和bootstrap中使用的 Ng2SmartTableModule 。它用于测试。请参阅控制台日志和错误main.js文件。
加载http://localhost:53869/app/main.js
时出错
"use strict";
var app_module_1 = require('./app.module');
var platform_browser_dynamic_1 = require('@angular/platform-browser-dynamic');
platform_browser_dynamic_1.platformBrowserDynamic().bootstrapModule(app_module_1.AppModule);
//# sourceMappingURL=main.js.map
答案 0 :(得分:0)
打开控制台,然后首先阅读错误日志。
bootstrap
数组和declarations
数组不应包含此Ng2SmartTableModule
请先阅读此内容:
NgModule
是一个装饰器函数,它接受一个元数据对象 其属性描述模块。最重要的属性 是:
declarations
- 属于此模块的视图类。角 有三种视图类:components
,directives
和pipes
。
exports
- 应该可见且可用的声明子集 在其他模块的组件模板中。
imports
- 组件需要导出类的其他模块 在此模块中声明的模板。
providers
- 此模块为其提供服务的创建者 全球服务收集;它们在各个地方都可以访问 应用程序。
bootstrap
- 主应用程序视图,称为根组件,即 托管所有其他应用视图。只有根模块才能设置它 引导属性。