Как заставить AngularJS связываться с атрибутом title тега A?

objective состоит в том, чтобы название продукта отображалось в подсказке миниатюры. Браузеры не создают всплывающую подсказку из «ng-title» или «ng-attr-title».

Мы используем версию AngularJS версии 1.0.7. Вы можете добавить любой атрибут с помощью «ng-» или «ng-attr», а Angular будет привязываться соответствующим образом. Тем не менее, он не кажется «привязанным» к атрибуту заголовка тега HTML «A».

Ex. 1.

Код:

Ожидаемый результат:

Фактический результат: Мы получаем нежелательные фигурные скобки в всплывающей подсказке.

Ex. 2.

Код:

Ожидаемый результат:

Фактический результат:

У нас нет простого title attirbute, и мы не получаем рабочей всплывающей подсказки.

Похоже, что ng-attr – это новая директива в AngularJS 1.1.4, которую вы можете использовать в этом случае.

   

Однако, если вы останетесь с 1.0.7, вы, вероятно, можете написать настраиваемую директиву для отражения эффекта.

Иногда нежелательно использовать интерполяцию по атрибуту title или по каким-либо другим атрибутам, так как они анализируются до того, как будет выполнена интерполяция. Так:

   

Если атрибут с привязкой префикс префикс ngAttr (денормализованный как ng-attr-), то во время привязки будет применен к соответствующему атрибуту unprefixed. Это позволяет вам привязываться к атрибутам, которые в противном случае были бы обработаны браузерами. Атрибут будет установлен только тогда, когда привязка будет выполнена. Префикс затем удаляется:

   

(Убедитесь, что вы не используете очень раннюю версию Angular). Вот демонстрационная скрипка с использованием v1.2.2:

скрипка

Проблема здесь в вашей версии AngularJS; ng-attr не работает из-за того, что он был введен в версии 1.1.4. Я не уверен, почему title="{{product.shortDesc}}" не работает для вас, но я думаю, что это по аналогичным причинам (старая Угловая версия). Я тестировал это на 1.2.9, и он работает для меня.

Что касается других ответов здесь, это НЕ является одним из немногих вариантов использования для ng-attr ! Это простая ситуация с двойной фигурной скобкой:

  

Посмотрите на скрипку для быстрого ответа

 data-ng-attr-title="{{d.age > 5 ? 'My age is greater than threshold': ''}}" 

Отображает элемент над элементами, условно используя угловой JS

Модель поискового query живет в области, определяемой директивой ng-controller="whatever" . Поэтому, если вы хотите привязать модель запроса к , вам нужно переместить объявление ngController в элемент HTML, который является общим родителем как для элементов тела, так и для заголовков:

Ссылка: https://docs.angularjs.org/tutorial/step_03

  • AngularJS: Сервис против поставщика и завода
  • Angularjs $ http, похоже, не понимает «Set-Cookie» в ответе
  • Доступ к кликнутому элементу в angularjs
  • Как перебирать ключи и значения с помощью ng-repeat в AngularJS?
  • Альтернатива ng-show / -hide или как загрузить только соответствующий раздел DOM
  • Жасмин: обратный вызов Async не вызывался в течение таймаута, указанного jasmine.DEFAULT_TIMEOUT_INTERVAL
  • Можете ли вы изменить путь без перезагрузки controllerа в AngularJS?
  • AngularJS: Ошибка при сбое: Не удалось создать экземпляр модуля?
  • Местоположение AngularJS $ не меняет путь
  • AngularJS Несколько ng-приложений на странице
  • Переменные привязки от Service / Factory to Controllers
  • Давайте будем гением компьютера.