Добавляет ли ng-src атрибут src в тег изображения?

Question

Я имел угловой код для изображения как <img class="testClass" ng-src="{{ImagePath}}" alt="{{imageName}}" />

Однако, когда после загрузки страницы, я вижу src атрибут в img тег, как показано ниже.

<img class="testClass" ng-src="/files/imageName_1.jpg" alt="Image 1" src="/files/imageName_1.jpg">

Таким образом, не угловая надстройка src атрибута, а по умолчанию?

Пример jsfiddle http://jsfiddle.net/wktwL/5/

Если проверить элемент на выходном изображении, мы можем видеть, как нг-Src и ГНЦ атрибуты.

Answer 1

Да, угловой добавляет соответствующий атрибут HTML-тега для всей действующей директивы ng- *.

В принципе, вы добавляете 'ng-src' для элемента; Когда угловой начинает синтаксический анализ HTML и он встречает атрибут «ng-src», он пытается найти зарегистрированную директиву «ngSrc», когда обнаруживает, что он вызывает эту директиву, и эта логика директивы добавляет тег src.

С сайта AngularJS:

Использование AngularJS разметки, как {{}} хэш в атрибуте SRC не работает правильно: браузер будет получать из URL с буквальным текстом {{}} хэш пока AngularJS не заменит выражение внутри {{hash}}. Директива ngSrc решает эту проблему.

Багги способ написать это:

<img src="http://www.gravatar.com/avatar/{{hash}}" alt="Description"/>

Правильный способ написать это:

<img ng-src="http://www.gravatar.com/avatar/{{hash}}" alt="Description" />

Answer 2

Да, AngularJS добавить соответствующий атрибут HTML теги для действительного нг - * директива. AngularJs всегда конвертирует директиву в тег html.

Answer 3

Да, способ, которым я вижу угловую реализацию и документы, угловой добавляет атрибут src к тегу img вместе с атрибутом ng-src