无法获得角度材料步进。询问的步进器显示和单击标题时的步进显示正在移动,但是出现错误并说:
无法读取未定义
的属性markForCheck
当我想使用按钮指令时,抛出一个错误,
无法读取未定义
的属性previous
也许有些帮助
代码: 我只是复制粘贴角度材质页面中的默认代码:
https://material.angular.io/components/stepper/overview
我在主模块中加载了一个子模块中的角度材质。
也许延迟加载会导致这个问题?
版本:
"@angular/animations": "^5.1.2",
"@angular/cdk": "^5.1.2",
"@angular/common": "^5.1.2",
"@angular/compiler": "^5.1.2",
"@angular/compiler-cli": "^5.1.2",
"@angular/core": "^5.1.2",
"@angular/forms": "^5.1.2",
"@angular/http": "^5.1.2",
"@angular/material": "^5.1.2",
"@angular/platform-browser": "^5.1.2",
"@angular/platform-browser-dynamic": "^5.1.2",
"@angular/platform-server": "^5.1.2",
"@angular/router": "^5.1.2",
"@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.25",
"@ngui/auto-complete": "^0.16.0",
"@swimlane/ngx-charts": "^6.1.0",
"@types/file-saver": "0.0.1",
"@types/lodash": "^4.14.73",
"angular-2-data-table": "^0.1.2",
"angular-datatables": "^4.2.0",
"angular2-datatable": "^0.6.0",
"angular2-multiselect-dropdown": "^1.3.6",
"angular2-promise-buttons": "^2.0.1",
"chart.js": "^2.7.0",
"core-js": "^2.4.1",
"d3": "^4.11.0",
"datatables.net": "^1.10.15",
"datatables.net-buttons": "^1.5.1",
"datatables.net-buttons-dt": "^1.5.1",
"datatables.net-dt": "^1.10.15",
"file-saver": "^1.3.3",
"hammerjs": "^2.0.8",
"jquery": "^3.2.1",
"lodash": "^4.17.4",
"ng2-charts": "^1.6.0",
"ng2-pdf-viewer": "^1.2.2",
"ng2-slimscroll": "^2.0.1",
"ngx-chips": "^1.6.2",
"ngx-cookie-service": "^1.0.7",
"ngx-dropzone-wrapper": "^4.6.0",
"rxjs": "^5.5.6",
"sweetalert2": "^6.6.8",
"web-animations-js": "^2.3.1",
"xlsx": "^0.11.5",
"zone.js": "^0.8.16"
的Stephane
答案 0 :(得分:5)
在将我的打字稿转换为es6时遇到了同样的问题。 Chrome似乎没有识别es6模块,因此没有为材料的步进器加载必要的导入。
检查你的tsconfig.json(不是tsconfig.app.json)你是否正在将你的打字稿转换为es6?如果是这样,您可以将其更改为es5,它现在适用于我
tsconfig.json
{
...
"compilerOptions": {
...
"target": "es5",
...
}
}
答案 1 :(得分:0)
使用--aot选项会使错误消失,不知道原因。
答案 2 :(得分:0)
我遇到了同样的问题,更改tsconfig.json中的目标对我不起作用。但是,垂直步进器可以正常工作。
`<mat-vertical-stepper>`