Angular 升级引导后RouterLink的控制台错误
因此,我采用了原始的角度导航模板:Angular 升级引导后RouterLink的控制台错误,angular,bootstrap-4,navbar,routerlink,Angular,Bootstrap 4,Navbar,Routerlink,因此,我采用了原始的角度导航模板: <div class='main-nav'> <div class='navbar navbar-inverse'> <div class='navbar-header'> <button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse' [attr.aria-exp
<div class='main-nav'>
<div class='navbar navbar-inverse'>
<div class='navbar-header'>
<button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse' [attr.aria-expanded]='isExpanded' (click)='toggle()'>
<span class='sr-only'>Toggle navigation</span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
<a class='navbar-brand' [routerLink]='["/"]'>JobWeb</a>
</div>
<div class='clearfix'></div>
<div class='navbar-collapse collapse' [ngClass]='{ "in": isExpanded }'>
<ul class='nav navbar-nav'>
<li [routerLinkActive]='["link-active"]' [routerLinkActiveOptions]='{ exact: true }'>
<a [routerLink]='["/"]' (click)='collapse()'>
<span class='glyphicon glyphicon-home'></span> Home
</a>
</li>
<li [routerLinkActive]='["link-active"]'>
<a [routerLink]='["/counter"]' (click)='collapse()'>
<span class='glyphicon glyphicon-education'></span> Counter
</a>
</li>
<li [routerLinkActive]='["link-active"]'>
<a [routerLink]='["/fetch-data"]' (click)='collapse()'>
<span class='glyphicon glyphicon-th-list'></span> Fetch data
</a>
</li>
</ul>
</div>
</div>
切换导航
),所以我想这会把事情搞得一团糟,但就我个人而言,我似乎不知道这是什么
我希望有人能看到我错过的一个明显的错误。谢谢。是的,这是由于您从提供的升级引导链接进行了转换。根据您使用的原始角度模板,所有这些都与routerLink有关,但在转换后,它们都是小写形式的routerLink
将所有[routerlink]替换为[routerlink],并使用大写字母L
这些是正确的:
[routerLink]
[routerLinkActive]
[routerLinkActiveOptions]
你的是:
[routerlink]
[routerlinkactive]
[routerlinkactiveoptions]
Angular非常区分大小写,所以要小心:)天哪,我真不敢相信我没有注意到这一点。谈论不要透过树木看到森林。我一到家,就会检查一下,看看这是否解决了问题,我想它会解决的(然后我会把它标记出来)。谢谢。我也有一个“ngClass”和“ngClass”。但这绝对是问题所在。事情看起来仍然不太对劲(毫无疑问,转换并不完美),但至少页面呈现是这样的。谢谢
[routerLink]
[routerLinkActive]
[routerLinkActiveOptions]
[routerlink]
[routerlinkactive]
[routerlinkactiveoptions]