Giters

ng-lightning / ng-lightning

Native Angular components & directives for Lightning Design System

Home Page:http://ng-lightning.github.io/ng-lightning/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

`ngl-checkbox-option` label not being displayed when iterated over RxJS Subject values

gagan-lokesh opened this issue · comments

commented

I am displaying multiple ngl-checkbox-option components by iterating over RxJS Subject
values with the help of async pipe as shown below.

<fieldset ngl-checkbox-group label="Field label">
  <ngl-checkbox-option *ngFor="let entry of entries|async" [label]="entry">
    <input ngl type="checkbox" />
  </ngl-checkbox-option>
</fieldset>

where entries is of type Subject<String[]>.

The component is being rendered as below. There are no labels displayed and also the styling is broken.

image


If I iterate over a normal JS array, I am able to see the labels for all the options and they're styled correctly.

Angular: v7.2.16
ng-lightning: v4.8.2
LDS: v2.8.3
Browser: Chrome 81.0.4044.129

commented

@gagan-lokesh Your ng-ligthning version is too old. Please upgrade to latest version and try again. Unfortunately I don't have enough time to support patches on older versions.