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

前端之家收集整理的这篇文章主要介绍了无法在Angular 4中读取null的属性’outlet’前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有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>

猜你在找的Angularjs相关文章