Split pane combined condition for screens size and boolean

[basvdijk]

Ionic version: (check one with "x")
[ ] 1.x
[X] 2.x

I'm submitting a ... (check one with "x")
[ ] bug report
[X] feature request
[ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior:
I have an observable in my accountService called isAuthenticated$. The sidemenu contains options only available when the user is logged in.

Currently it is only possible to add a boolean on the when:

<ion-split-pane [when]="account.isAuthenticated$ | async">

However this results in showing the sidemenu even when the user is on a small screen.

<ion-split-pane when="lg">

Also works but then I miss the authenticated check.

Expected behavior:
A combination of screen size and using a boolean value

[jgw96]

Hello @basvdijk thanks for opening an issue with us , what value does your account.isAuthenticated$ observable emit? Is it a boolean value?

[basvdijk]

@jgw96 Yes it is a boolean

[basvdijk]

Great it is fixed but what will be the correct syntax? Will it be:

<ion-split-pane [when]="account.isAuthenticated$ | async" when="lg">

[vdias38]

Hi @basvdijk, I have the same issue which syntax do you use to combine boolean and screen size ?

[basvdijk]

@elbidone <ion-split-pane [when]="account.isAuthenticated$ | async" when="lg"> seems to work now

[vdias38]

thanks @basvdijk

[lolaswift]

@basvdijk this isn't working for me when used together.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.