我是 Angular 2 的新手，并且已经让 valor 软件基本演示表正常工作，但有几点我需要帮助。
1(当我为项目运行ngserve时，我得到： 许多与下面所示的"没有导出的成员'Renderer2'"相同的错误。 [默认]C：\wamp\wwwationalgrid\public_cliode_modules@ng-bootstrapg-bootstrap\buttons\radio.d.ts：1：10 模块 '"C：/wamp/www/nationalgrid/public_cli/node_modules//index"' 没有导出的成员 'Renderer2'。
我不想使用渲染 2，因为它是角度 4，并且此客户端系统暂时必须在角度 2 上。我导入或执行了哪些操作才能收到此错误？
Package.json
{
"name": "a2-cli-app",
"version": "0.0.0",
"license": "MIT",
"angular-cli": {},
"scripts": {
"start": "ng serve",
"lint": "tslint "src/**/*.ts"",
"test": "ng test",
"pree2e": "webdriver-manager update",
"e2e": "protractor"
},
"private": true,
"dependencies": {
"": "^2.2.1",
"": "^2.2.1",
"": "^2.2.1",
"": "^2.2.1",
"": "^2.2.1",
"": "^2.2.1",
"": "^2.2.1",
"": "^3.2.1",
"angular2-cookie": "^1.2.5",
"bootstrap": "^3.3.7",
"chart.js": "^2.4.0",
"core-js": "^2.4.1",
"ng2-bs3-modal": "^0.10.4",
"ng2-charts": "1.4.1",
"ng2-file-upload": "1.1.4-2",
"ng2-pagination": "1.0.1",
"ng2-toastr": "1.3.2",
"rxjs": "5.0.0-beta.12",
"ts-helpers": "^1.1.1",
"zone.js": "^0.6.23"
},
"devDependencies": {
"": "^2.2.1",
"": "2.5.38",
"": "^6.0.42",
"angular-cli": "1.0.0-beta.21",
"codelyzer": "~1.0.0-beta.3",
"jasmine-core": "2.5.2",
"jasmine-spec-reporter": "2.5.0",
"karma": "1.2.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-remap-istanbul": "^0.2.1",
"protractor": "4.0.9",
"ts-node": "1.2.1",
"tslint": "3.13.0",
"typescript": "~2.0.3",
"webdriver-manager": "10.2.5",
"webpack": "^3.4.1"
}
}
如果您需要更多详细信息来帮助您，请告诉我您需要什么。
2(关于您的valor简单数据表上的过滤，如何将过滤设置为大小写敏感，有人建议使用正则表达式，但我看不出如何将其应用于过滤器？
3(我可以在数据表示例中看到他们从table-data.ts获取数据作为数组，我将数据作为数组从mysql数据库库进入该项目，但是如何将其分配给数据变量。
因为他们有私有数据：数组 = TableData;，但是如果我尝试将"TableData"更改为其他任何内容，代码只会给我错误并且不会加载，即使我更新了列数组定义以匹配我的传入数据。
4(最后，为了使我的文件更清晰，是否可以将列数组移动到新文件中并引用它，因为我的列数组比他们的大得多？
他们的列数组
columns:Array = [
{title: 'Name', name: 'name'},
{title: 'Position', name: 'position', sort: ''},
{title: 'Office', className: ['office-header', 'text-success'], name: 'office', sort: 'asc'},
{title: 'Extn.', name: 'ext', sort: ''},
{title: 'Start date', className: 'text-warning', name: 'startDate'},
{title: 'Salary ($)', name: 'salary'},
];
提前致谢
让我们拆分答案。
1(这些错误与ng-bootstrap有关，ng-bootstrap与ngx-bootstrap(由valor-software开发的软件包(不同。在ng-bootstrap中，版本beta 25发布声明它需要角度4.0.3。因此，使用旧版本将解决您的问题。
2(关于过滤，您不能按照 https://github.com/valor-software/ng2-table/issues/152 中所述将两个字符串转换为小写吗？
3( 您收到什么样的错误？您是否使用 http 调用来获取数据？您是否将数据分配给参数的结果而不是可观察量？
4(当然可以，创建一个文件："columns.ts">
export let columns: Array<any> = [
{title: 'Name', name: 'name'},
{title: 'Position', name: 'position', sort: ''},
{title: 'Office', className: ['office-header', 'text-success'], name: 'office', sort: 'asc'},
{title: 'Extn.', name: 'ext', sort: ''},
{title: 'Start date', className: 'text-warning', name: 'startDate'},
{title: 'Salary ($)', name: 'salary'},
];
然后，您可以在需要使用它的地方导入它。
import { colums } from 'columns.ts';
解决了第 4 点：
我创建了一个名为MyColumns.ts的文件，如下所示：
export const MyColumns:Array<any> =
[
{title: 'Name', name: 'name'},
{title: 'Position', name: 'position', sort: ''},
...
{title: 'Salary ($)', name: 'salary'},
];
然后在我的 TableDemo.component.ts 文件中，我最初将 all 列表放在顶部：
import { MyColumns } from './mycolumns';
然后我有列定义的地方：
columns = MyColumnsDef;
希望这在这一点上对其他人有所帮助。