ngx-galleryで写真が表示されない

Question

現在、Angularのngx-galleryで写真を表示させようとしているのですが、うまくいきません。

考えられる要因として、TSファイルのデータがHTMLへうまく受け渡しされていないのではないかと思ったのですが、下記コードのように同じタブ内にngx-galleryではない普通のPタグやULタグを追加してみたらそちらではちゃんと写真やgalleryOptionsの値が表示されたので、データの受け渡しの問題ではない気がします。

<tab heading="Photos">
  <ngx-gallery [options]="galleryOptions" [images]="galleryImages" 
styles="display: inline-block; margin-bottom: 20px;">
  </ngx-gallery>
  <p *ngFor="let image of galleryImages">
    <img src="{{image.small}}">
  </p>
  <p>The content of galleryOptions</p>
  <ul *ngFor="let options of galleryOptions">
    <li>width: {{options.width}}</li>
    <li>height: {{options.height}}</li>
    <li>imagePercent: {{options.imagePercent}}</li>
    <li>thumbnailsColumns: {{options.thumbnailsColumns}}</li>
    <li>imageAnimation: {{options.imageAnimation}}</li>
    <li>preview: {{options.preview}}</li>
  </ul>
</tab>

また、Dependencyがちゃんと追加されていないのかなとも思ったのでpackage.jsonファイルも見てみましたが、こちらでも問題ないように見えます。

"dependencies": {
    "@angular/animations": "~11.2.6",
    "@angular/common": "~11.2.6",
    "@angular/compiler": "~11.2.6",
    "@angular/core": "~11.2.6",
    "@angular/forms": "~11.2.6",
    "@angular/platform-browser": "~11.2.6",
    "@angular/platform-browser-dynamic": "~11.2.6",
    "@angular/router": "~11.2.6",
    "@kolkov/ngx-gallery": "^1.2.3",
    "bootstrap": "^4.6.0",
    "bootswatch": "^4.6.0",
    "font-awesome": "^4.7.0",
    "ngx-bootstrap": "^6.2.0",
    "ngx-toastr": "^13.2.1",
    "rxjs": "~6.6.0",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.3"
  },

自分ではこれ以外に疑わしい部分が思いつかないのですが、他にどこに着目すればよいでしょうか？