В чем разница между img src и img [src] в Angular 7?
Добрый день.
Опыта работы с последним ангуляром пока не много. Было необходимо переписать кусок кода
с angularJs на новый angular. Встретилась строчка в html с картинкой, типа img ng-src= ....
Которую я, после поисков по stackoverflow и гугления переделал в img [src] = "assets/....
Но никак не удавалось заставить это работать! На странице картинка не отображалась.
Решить удалось тем, что я просто убрал атрибут и записал так: img src = "assets/....
Все заработало.
Я пытался найти информацию по img [src], но тщетно! То ли плохо искал, то ли его просто нет. Кто знает, подскажите, есть ли вообще такой встроенный атрибут в новом ангуляре и если есть, в чем разница между нативным src и ангуляровским [src] ?
Очень хочется разобраться!
Если речь об Angular (не angular.js), то между [src] и src как атрибутов тега разницы нет. Они по разному обрабатываются: src="../path/img.png" - обрабатывается как обычное стринговое значение; [src]="path" - обрабатывается как приведение значения переменной к стринговому значению (this.path = "../path/img.png").
Емнип, можно записать и так src="{{ path }}". Возможно, но не приветствуется.
Средний
Средний