在带有角度2+的物化CSS中显示带有Materialbox类的img

Question

当前，我在模态中有一个滑块，该滑块将图像显示为图库，该滑块正常工作，我希望单击该图像时可以将其展开，这也可以正常工作，但是当我缩小图像时，将其替换为灰色背景。

<div class="slider" materialize="slider">
   <ul class="slides">
     <li *ngFor="let url of imageURLs">
        <img materialize="materialbox"
         class="materialboxed media-object"
         [src]="url">
     </li>
  </ul>
</div>

我在here中看到了完全相同的问题，但是我的问题不是轮播，而是在滑块内。我看到很多人说以下代码解决了该问题，但是idk如何将其设置为angular4。任何帮助都非常感谢。

$(document).ready(function(){
   $('.materialboxed').materialbox();
});