How to reload indicator in carousel?

[NatsuOnFire]

Hi, I have a carousel like this that displays 12 elements:

<div materialize="carousel" [materializeParams]="[{full_width: true}]" class="carousel carousel-slider center" data-indicators="true" >
  <div class="carousel-item" *ngFor="let item of items">
    <div class="col l3 m4 s6" *ngFor="let component of item">
      <h6>{{component.title}}</h6>
      <img src="{{component.image}}" alt="{{component.alt}}"/>
    </div>
  </div>
</div>

Except that the indicator doesn't change if I display 2, 3 or 4 elements when I resize the browser.

[rubyboy]

@NatsuOnFire when implementing this exact case in vanilla MaterializeCSS does it work as expected?

[rubyboy]

@NatsuOnFire have you had a chance to check if this is a MaterializeCSS problem or Angular binding issue? Thanks.