Angular 2错误没有导出成员
我是Angular 2的新手,已经有勇敢的软件基本演示表工作,但有几点我想帮忙。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'},
];
感谢
让分裂的答案。
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';
解决点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;
希望这可以帮助其他人在这一点上。
嗨艾德里安,谢谢你的详细回复。 – stephenad