Angular 2错误没有导出成员

Question

我是Angular 2的新手，已经有勇敢的软件基本演示表工作，但有几点我想帮忙。

1）当我为该项目运行ngserve时，得到： 许多相同的错误，如下所示：“没有导出成员'Renderer2'。” [默认] C：\ wamp \ www \ nationalgrid \ public_cli \ node_modules @ ng-bootstrap \ ng-bootstrap \ buttons \ radio.d.ts：1：10 Module'“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）关于你的勇敢简单数据表的过滤如何将过滤设置为大小写无感，有人提出了一个正则表达式，但我看不出如何应用于过滤器？

3）我可以在数据表中看到他们从table-data.ts中获取数据的示例数组我有我的数据从一个MySQL数据库基地作为数组进入该项目，但是如何分配它到数据变量。

由于他们有私人数据：Array = 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'}, 
]; 

感谢

Answer 1

让分裂的答案。

1）这些错误与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调用获取数据？你是否将数据分配给param的结果而不是可观察的？

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'; 

Answer 2

解决点4：

我创建了一个名为MyColumns.ts文件，如下所示：

export const MyColumns:Array<any> = 
[ 
{title: 'Name', name: 'name'}, 
{title: 'Position', name: 'position', sort: ''}, 
... 
{title: 'Salary ($)', name: 'salary'}, 
]; 

我TableDemo.component.ts

接档，我最初拥有的所有列表我现在在顶部：

import { MyColumns } from './mycolumns'; 

然后我在哪里有列定义之前我有：

columns = MyColumnsDef; 

希望这可以帮助其他人在这一点上。