Async object inside ngxPermissionsOnly doesn't work

I’m submitting a…

[ ] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report 
[ ] Feature request
[ x ] Documentation issue or request

Current behavior

###Component

export class MyComponent implements OnChanges {
    @Input("id")
    id: number;
    obj: Object;

ngOnChanges(changes: SimpleChanges) {
        this.apiService.getById(changes.id.currentValue)
            .takeWhile(() => this.isAlive)
            .subscribe(res => {
                this.obj= res;
            });
    }
}

###Template

<div *ngFor="let item of obj?.list">
            <!-- 1   IT WORKS!!! -->
            <div *ngxPermissionsOnly="['ADMIN']">
                Hello World!
            </div>
            <!-- 2   IT WORKS!!!-->
            <button>
                {{item.name}}
            </button>
            <!-- 3 DOES NOT WORK!!! -->
            <div *ngxPermissionsOnly="['ADMIN']">
                <button>
                    {{item.name}}
                </button>
            </div>
</div>

First and Second example works correctly but in third the button appear empty without any text! Why?

Environment

Angular version: 4.4.3
ngx-permissions version: 3.2.4

Browser:
- [x ] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX

[AlexKhymenko]

@fravezzimattia @kmturley Can you please try with version 6.0.4

[mariusl-a]

Did you try wrap ng-container around it?

<ng-container *ngIf="community | async; let data">
	<div *ngxPermissionsOnly="['reader']">
		<p>{{ data | json }}</p>
	</div>
</ng-container>