Carousel Indicators not showing in v12.0.0-beta4

[Swanzor]

Bug description:

There seems to be an issue with with carousel indicators not being styled and therefore they do not show at all. After some investigation on my own it seems there is a missing attribute of data-bs-target on the indicator (I personally believe this is a mistake in Bootstrap, but it is what it is) as you see from the snippet here (you can locate this on line 158 - 196 in the _carousel.scss file in the Bootstrap source):

.carousel-indicators {
  ...

  [data-bs-target] {
    ...
  }

  ...
}

You can see this in action https://getbootstrap.com/docs/5.1/components/carousel/#with-indicators on the Bootstrap 5 docs.

To replicate this simply create any carousel with 2 or more slides and you will see in ng-bootstrap 12.0.0-beta4 spit out the following result:

<ol role="tablist" class="carousel-indicators">
  <li role="tab" class="active" aria-labelledby="slide-ngb-slide-0" aria-controls="slide-ngb-slide-0" aria-selected="true"></li>
  <li role="tab" class="" aria-labelledby="slide-ngb-slide-1" aria-controls="slide-ngb-slide-1" aria-selected="false" ></li>
  ...
</ol>

As you can see the attribute data-bs-target is absent. This means that no indicators will show even tough they are styled. Seems like a quick fix to just add the attribute to the template.

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: v13.1.0

ng-bootstrap: v12.0.0-beta.4

Bootstrap: v5.1.3