альтернатива jquery's $ .each в угловых 6

Question

Я хочу перебрать каждый элемент по его классу для установки нового значения в атрибуте src. ниже код jquery, как я могу переписать в машинописи в угловых

$(".image").each(function () {
    $(this).attr("src","http://xxx/xxx.png");
});

Answer 1

Попробуйте использовать противоположный подход - сохранить коллекцию внутри компонента и выполнить итерацию по внутреннему виду:

component.ts

public urls = ['url1', 'url2'];

component.html

<img *ngFor="let url of urls" [src]="url">

Если вы что-то измените в своем urls, теперь это повлияет на вид.

Answer 2

Я думаю, что это может помочь вам:

Array.from(document.getElementsByClassName("image")).forEach(function(item) {
    var image_link=item.getAttribute('href');
    item.setAttribute('src',"path");
});

Пожалуйста, проверьте это для деталей: Для цикла для элементов HTMLCollection