Angular 8: пользовательский атрибут HTML не работает внутри html компонента

Question

У меня есть приложение angular 8, где я использую пользовательские атрибуты html в html, а затем использую jQuery для извлечения этих атрибутов, чтобы установить фоновое изображение, высоту и т. Д. Для div и других элементов dom.

Пользовательский атрибуткод идет ниже:

var sayit_js_bg_image = jQuery('.sayit_js_bg_image');

if (jQuery(sayit_js_bg_image).length > 0) {
        jQuery(sayit_js_bg_image).each(function () {
            jQuery(this).css('background-image', 'url(' + jQuery(this).attr('data-src') + ')');
        });
    }

<div class="sayit_js_bg_image" data-src="assets/imgs/clipart/standard_post/back-1.jpg">
  
  <div class="sayit_overlay sayit_fimage_overlay_type_light"></div>

  <div class="sayit_title_wrapper col push-middle">
    <div class="sayit_post_category_cont">
      <a href="#">Germany</a>
      <span class="sayit_post_date">July 10, 2018</span>
    </div>

    <h1 class="sayit_post_title">Some text</h1>
  </div>
</div>

Код jQuery, загруженный в файл app.js, указанный в разделе сценариев angular.json

Этот код отлично работает в индексе.HTML, но когда я перемещаю это в любой компонент, он не работает.К вашему сведению - если я использую вышеуказанный путь к изображению внутри элемента img, он работает, поэтому я не думаю, что ссылка на путь является проблемой.

Компоненты загружаются с использованием угловой маршрутизации следующим образом:

const routes: Routes = [
  {
    path: '',
    redirectTo: 'home',
    pathMatch: 'full'
  },
  {
    path: 'home',
    loadChildren: () => import('./home/home.module').then(m => m.HomeModule)
  },
  {
    path: 'about',
    loadChildren: () => import('./about/about.module').then(m => m.AboutModule)
  },
  {
    path: 'advertise',
    loadChildren: () => import('./advertise/advertise.module').then(m => m.AdvertiseModule)
  },
  {
    path: 'post',
    loadChildren: () => import('./post/post.module').then(m => m.PostModule)
  }
];

Даже внешние URL-адреса изображений не работают, я подозреваю, что это как-то связано с маршрутизацией, но не могу понять, что именно.

Я следовал одной статье и следовал предложенному решению:

data-src="assets/imgs/clipart/standard_post/back-1.jpg" [attr.data]="data-src"

но это тоже не работает.

Я запутался в том, что делаю неправильно.Цените любую помощь здесь.

TIA.