无法在Angular 4中读取null的属性’outlet’

发布时间：2020-12-17 08:34:05 所属栏目：安全来源：网络整理

导读：我有Angular 4.3.6项目,其中模板片段产生此错误. 模板块： a [routerLink] =“['/ article',article？.id]” {{article？.title}} / a 错误堆栈跟踪： ArticleSpComponent.html:26 ERROR TypeError: Cannot read property 'outlets' of null at createNewSeg

我有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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!