ngx-bootstrapの有効な使い方について

Question

ngx-bootstrapの使い方がいまいち分かりません。
例えばngx-bootstrap説明によると

<div class="btn-group" dropdown>
  <button dropdownToggle type="button" class="btn btn-primary dropdown-toggle">
    Button dropdown <span class="caret"></span>
  </button>
  <ul *dropdownMenu class="dropdown-menu" role="menu">
    <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>
    <li role="menuitem"><a class="dropdown-item" href="#">Another action</a></li>
    <li role="menuitem"><a class="dropdown-item" href="#">Something else here</a></li>
    <li class="divider dropdown-divider"></li>
    <li role="menuitem"><a class="dropdown-item" href="#">Separated link</a>
    </li>
  </ul>
</div>

のようにしてドロップダウン機能が実現できるようですが、普通にbootstrapを用いてその機能を実現するのに加え、モジュールの追加、bootstrapのクラス記述にプラスして*dropdownMenuなどのディレクティブの追加なども伴っていて作業が増えています。

一方で、専用コンポーネントを準備してくれているカルーセルなどもあり、これは便利だなと思いました。

ngx-bootstrapのどういう部分にメリットがあるのか分かりかねます。
どなたか、ngx-bootstrapを使いたくなるようなメリットをご存知の方教えてください。