类型'component'角度误差时不存在属性'active'

Question

编译和构建应用程序时，类型"component"角度错误上不存在属性"active">

Answer 1

我没有看到任何代码可以更好地帮助您。我只是在猜测。不过，也许你正在使用这样的东西：

<a class="list-group-item list-group-item-success clearfix bottom-buffer" [routerLink]="[recipe.id]" [routerLinkActive]="active">
<div class="pull-left">
<h4 class="list-group-item-heading">{{recipe.name}}</h4>
<p class="list-group-item-text">{{recipe.description}}</p>
</div>
<span class="pull-right">
<img
[src]="recipe.imagePath"
alt="{{recipe.name}}"
class="img-responsive img-rounded"
style="max-height: 50px"
>
</span>
</a>

但你应该使用这个：

<a class="list-group-item list-group-item-success clearfix bottom-buffer" [routerLink]="[recipe.id]" [routerLinkActive]="'active'">
<div class="pull-left">
<h4 class="list-group-item-heading">{{recipe.name}}</h4>
<p class="list-group-item-text">{{recipe.description}}</p>
</div>
<span class="pull-right">
<img
[src]="recipe.imagePath"
alt="{{recipe.name}}"
class="img-responsive img-rounded"
style="max-height: 50px"
>
</span>
</a>

这件事不久前刚刚发生在我身上。

总结：

必须使用方括号语法将css类"active"传递到routerLinkActive指令中，在双引号中使用单引号。或者在没有方括号语法的双括号之间。

所以，你可以这样做：

routerLinkActive="active"

或者这个：

[routerLinkActive]="'active'"

但你不能这样做：

[routerLinkActive]="active"