Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 升级引导后RouterLink的控制台错误_Angular_Bootstrap 4_Navbar_Routerlink - Fatal编程技术网

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]