Директива routerLink не устанавливает атрибут href при использовании в элементе <area> - PullRequest
Новая
       5

Директива routerLink не устанавливает атрибут href при использовании в элементе <area>

0 голосов
/ 07 февраля 2019

Я пытаюсь перейти на новую страницу при нажатии на элемент области, но ничего не происходит.Если я применяю то же самое к тегу <a></a>, он работает как намерение.

HTML 

<area shape="rect" coords="0,0,82,126"
          routerLink="/help"
          target="_blank" alt="Circle" />

app.module.ts 

@NgModule({
  imports: [BrowserModule, FormsModule, 
  RouterModule.forRoot([
    {
      path: '',
      component: HelloComponent
    },
    {
      path: 'help',
      component: HelpComponent
    }
  ])],
  declarations: [AppComponent, HelloComponent, HelpComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

Я использую версию Angular 7.0.1,

Пожалуйста, помогите Спасибо в Advanced.

1 Ответ

0 голосов
/ 07 февраля 2019

Можете ли вы проверить приведенный ниже стекаблитц, может быть, вы пропустили добавление окружающих компонентов для элемента area.

Ниже приведен HTML-код, обертывающий элемент area. 

<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>

роутер-розетка отсутствовала в обновленном стеке блиц от пользователя, при щелчке средней зоны элемент навигации происходит!

StackBlitz

...