Улучшить эту документацию Просмотреть исходный код 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–2020 Google, Inc.
Licensed under the Creative Commons Attribution License 3.0.
https://code.angularjs.org/1.8.2/docs/api/ng/directive/ngHref