Angular routerLink指令在元素上使用时不设置href属性
我试图通过单击area元素导航到新页面,但什么也没发生。如果我应用相同的标签,它的工作原理与预期的一样 HTMLAngular routerLink指令在元素上使用时不设置href属性,angular,angular-routing,Angular,Angular Routing,我试图通过单击area元素导航到新页面,但什么也没发生。如果我应用相同的标签,它的工作原理与预期的一样 HTML 我使用的是Angular 7.0.1。你能检查一下下面的stackblitz吗,也许你没有为area元素添加周围的组件 下面是包装area元素的html 路由器出口在用户更新的堆栈闪电战中丢失,点击中间区域元素导航发生 如果它不起作用,你可以尝试使用点击事件处理程序代替,并使用路由器服务请检查我的stackblitz当我点击js时什么都没有发生 <area shape="rec
我使用的是Angular 7.0.1。你能检查一下下面的stackblitz吗,也许你没有为area元素添加周围的组件 下面是包装area元素的html 路由器出口在用户更新的堆栈闪电战中丢失,点击中间区域元素导航发生
如果它不起作用,你可以尝试使用点击事件处理程序代替,并使用路由器服务请检查我的stackblitz当我点击js时什么都没有发生
<area shape="rect" coords="0,0,82,126"
routerLink="/help"
target="_blank" alt="Circle" />
@NgModule({
imports: [BrowserModule, FormsModule,
RouterModule.forRoot([
{
path: '',
component: HelloComponent
},
{
path: 'help',
component: HelpComponent
}
])],
declarations: [AppComponent, HelloComponent, HelpComponent],
bootstrap: [AppComponent]
})
export class AppModule { }
<img usemap="#infographic" src="https://interactive-examples.mdn.mozilla.net/media/examples/mdn-info2.png" alt="MDN infographic" />
<map name="infographic">
<area shape="poly" coords="130,147,200,107,254,219,130,228"
routerLink="/help" alt="HTML" />
<area shape="poly" coords="130,147,130,228,6,219,59,107"
routerLink="/docs/Web/CSS"
target="_blank" alt="CSS" />
<area shape="poly" coords="130,147,200,107,130,4,59,107"
routerLink="/docs/Web/JavaScript"
target="_blank" alt="JavaScript" />
</map>
<router-outlet></router-outlet>