Улучшить документацию Просмотреть исходный код 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.7.8/docs/api/ng/directive/ngHref