div上的RouterLink与@ angular / router 3.0.0-alpha.3

提问于 2024-05-16T01:05:52+08:00

浏览次

1

我用routerLink声明了一个div . 在以前的版本中，这是有效的 . 现在（@ angular / router 3.0.0-alpha.3）它无法正常工作 .

有谁知道解决方案？

<a class="my-item" [routerLink]="['/hero']">...</a>

工作，但后来我需要更新我的风格 .

browser_adapter.ts:78 EXCEPTION：模板解析错误：无法绑定到'href'，因为它不是已知的本机属性（“[ERROR - >]

2 回答

0
是的，似乎在angular2的更新路由中存在问题，现在 routeLink 仅在按钮和div上使用 a 标签等等，所以如果你想在div上使用路由而不是你必须调用点击功能并在你的控制器部分做这样的路由
```
<div class="my-item" (click)='routing()'></div>

...
constructor(private _router: Router)
routing(){
   this._router.navigate("['/hero']");
}
...
```
回复于 2024-05-16T01:05:52+08:00
5
确保将正确的指令导入组件：
```
import { ROUTER_DIRECTIVES } from '@angular/router';
```
和
```
@Component({
    <...>
    directives: [
        ROUTER_DIRECTIVES
    ]
})
```
如果这不起作用，请分享您的完整组件代码
回复于 2024-05-16T01:05:52+08:00

相关问题