Spec-Zone.ru › Angular.js 1.6

Улучшить эту документацию Просмотреть исходный код ngHref

  1. Директива в модуле 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API