Шаблон с href в угловом (4)

Поэтому я знаю, что в Angular 2 мы можем просто заменить ng-href на href, чтобы заставить шаблонные URL-адреса работать, но это не работает для меня в Angular 4. Я не могу найти документацию для него на angular.io либо, Итак, как это работает?

Редактировать: Возможно, у меня путаница версии #. Я интересуюсь последним угловым (angular.io)

Я хочу связать с внешними таблицами стилей, например, link rel="stylesheet" href="...">

где... является {{link}}, ссылка = https://www.w3schools.com/w3css/4/w3.css

Ответ 1

AngularJS требовал, чтобы вы использовали ng-href потому что были проблемы с привязными выражениями к некоторым типам элементов DOM и атрибутов.

Сейчас эта проблема не существует в Angular.

Следующее будет работать, как ожидалось:

<a href="{{your expression here}}"></a>

Вы также можете связать с помощью префикса attr следующим образом:

<a [attr.href]="your expression here"></a>

Как говорили другие. Если вы используете маршрутизацию и хотите добавить атрибут href к определенному маршруту. Используйте routerLink директиву, как это добавит href атрибута <a> тегов.

Ответ 2

Основное различие заключается в том, что угловые 2 и 4 являются @угловыми/маршрутизаторами

использовать это как маршрут

[{ path: 'xyz', component: XYZComponent}]

и перенаправлять как

<a routerLink='/xyz' >xyz</a>

Ответ 3

Должен использоваться routerLink для генерации ссылок

https://angular.io/api/router/RouterLink

Ответ 4

Не используйте href="page" и ng-href="page" однако используйте routerLink="/page"