Улучшить эту документацию Просмотреть исходный код ngHref
- Директива в модуле ng
Обзор
Использование AngularJS разметки, такой как {{hash}} в атрибуте href, приведет к неправильному URL, если пользователь нажмёт на ссылку до того, как AngularJS сможет заменить {{hash}} разметку её значением. До замены AngularJS разметки, ссылка будет нерабочей и, скорее всего, вернёт ошибку 404. Директива ngHref решает эту проблему.
Неправильный способ записи:
<a href="http://www.gravatar.com/avatar/{{hash}}">link1</a>
Правильный способ записи:
<a ng-href="http://www.gravatar.com/avatar/{{hash}}">link1</a>
Информация о директиве
- Эта директива выполняется на уровне приоритета 99.
Использование
- как атрибут:
<A ng-href="template"> ... </A>
Аргументы
| Параметр | Тип | Подробности |
|---|---|---|
| ngHref | template | любая строка, которая может содержать |
Пример
Этот пример демонстрирует различные комбинации href, ng-href и ng-click атрибутов в ссылках и их различное поведение:
© 2010–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.6.9/docs/api/ng/directive/ngHref