Ссылки в Angular можно вставлять с помощью директивы [routerLink]. Данная директива автоматически обновляет URL и отображает соответствующий компонент при нажатии на ссылку.
Для использования директивы [routerLink] вам необходимо сначала импортировать RouterModule из @angular/router в вашем модуле, а затем добавить RouterModule в массив imports:
import { RouterModule } from '@angular/router';
@NgModule({
imports: [
RouterModule
]
})
После этого вы можете использовать [routerLink] в шаблоне вашего компонента, чтобы создать ссылку на определенную страницу в вашем приложении:
<a [routerLink]="['/path']">Link Text</a>
Где '/path' - путь к компоненту, который вы хотите отобразить при нажатии на ссылку. Например, если у вас есть компонент с именем HomeComponent, и вы хотите создать ссылку на этот компонент, то путь будет '/home':
<a [routerLink]="['/home']">Home</a>
Вы также можете передавать параметры с помощью [routerLink] с использованием массива:
<a [routerLink]="['/user', userId]">User Profile</a>
Где userId - это переменная, содержащая значение параметра.
Таким образом, при нажатии на ссылку Angular автоматически обновит URL и отобразит соответствующий компонент. Это удобно, когда вам нужно создать навигацию между различными частями вашего приложения и обрабатывать динамические параметры.