Вызов Angular Component с помощью HTML Link (используя Bootstrap?) С любой страницы в Angular Application

Как вы можете активировать компонент Angular 4+ с помощью HTML-ссылки, НЕ связанной с компонентом, такой как templateURL ВНУТРИ компонента. Я прошу за пределами коробки активации. Теперь я попытался реализовать идею начальной загрузки:

<a data-target="#ngComponent">SOME USER HELP</a>

а также

<a target="#ngComponent">SOME USER HELP</a>

Я видел загрузочные модалы, активированные таким образом (на самом деле я использую модал и в этом случае). Но я не мог заставить его работать, есть идеи, почему? Кроме того, в моем случае ОЧЕНЬ важно НЕ направлять на другую страницу после активации, что делает ее еще более сложной. Итак, что-то вроде этого ниже:

<div routerLink="ngComponent">SOME USER HELP</div>

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

Заранее спасибо

Источник

1 ответ

Ты можешь сделать что-то вроде

<div class="componentStying">
    <ngComponent></ngComponent>
</div>

Вот как я ссылаюсь на различные компоненты в моем проекте. любой @Input() myInput а также @Output() myOutput ссылки как так

<ngComponent [myInput]="'hello, world'" (myOutput)="myVar"></ngComponent>
Источник
Другие вопросы по тегам