我有Angular 4.3.6项目,其中模板片段产生此错误.
模板块:
< a [routerLink] =“['/ article',article?.id]”> {{article?.title}}< / a>
错误堆栈跟踪:
ArticleSpComponent.html:26 ERROR TypeError: Cannot read property 'outlets' of null at createNewSegmentGroup (router.es5.js:2967) at updateSegmentGroup (router.es5.js:2896) at router.es5.js:2914 at forEach (router.es5.js:593) at updateSegmentGroupChildren (
错误原因似乎很明显. article变量从Http获取异步并在页面呈现后初始化,因此首先它为null.但是我认为这样做?在此变量之后允许避免此问题.
你能给些建议么?
?在文章?.id工作正常,但RouterLink指令不喜欢传递null.
你可以使用类似的东西:
<a *ngIf="article" [routerLink]="['/article',article?.id]">{{article?.title}}</a> <a *ngIf="!article">{{article?.title}}</a>