Как заставить 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

  • Использование ui-router с Bootstrap-ui modal
  • в чем разница между ng-if и ng-show / ng-hide
  • Маршрутизация и токен аутентификации AngularJS с webapi
  • Угловые и SVG-фильтры
  • ng-options с отключенными строками
  • Ошибка URL-адреса AngularJS 404 с режимом HTML5
  • как загрузить файл с помощью AngularJS и вызвать API MVC?
  • Как включить Webstorm intellisense для AngularJS при написании CoffeeScript
  • Подтвердить поле формы только для отправки или ввода пользователем
  • Есть ли способ сделать частичную загрузку AngularJS вначале, а не в случае необходимости?
  • В чем разница между ng-model и ng-bind
  • Interesting Posts

    Groovy выполняет команды оболочки

    Как может быть полезно перегрузить оператор «вызов функции»?

    Ошибка кодового знака в macOS High Sierra Xcode – ресурс fork, информация Finder или подобный детрит не разрешены

    Разница между «@ id /» и «@ + id /» в Android

    Как программно копировать текст в приложении для Android?

    Шоколадная установка Cygwin продолжает зацикливаться на сайтах?

    Может ли два приложения прослушивать один и тот же порт?

    Получить путь родительской папки к файлу с помощью формулы ячейки

    Преимущества / различия jQuery в .trigger () vs .click ()

    Панель задач Windows 7: как унифицировать только некоторые значки?

    Как заставить WinForms молча игнорировать необработанные исключения?

    Почему эти конструкции используют предопределенное поведение до и после инкремента?

    Действие параметра , в котором T3 может быть необязательным

    Кажется, что сервлет обрабатывает несколько одновременных запросов браузера синхронно

    Как просмотреть расширения Explorer и отключить их?

    Давайте будем гением компьютера.