Angular 6 - Error on production build with Boolean and [ngClass]

Asked May 09 '18 at 20:29

Active May 09 '18 at 20:29

Viewed 790 times

I have this variable to my component

showMenu: Boolean = false;

and I'm using this on my html file

<div class="collapse navbar-collapse" [ngClass]="{true: 'show'}[showMenu === true]">

and I'm getting this error

ERROR in src/app/core/layouts/main/main-layout.component.html(14,54): : Type 'boolean' cannot be used as an index type.

What does this mean? I'm getting this only on

ng build --prod

"ng serve" works perfect

asked May 09 '18 at 20:29

Michalis

what are you trying to get with this `{true: 'show'}[showMenu === true]`? or what you think you should get? – Andrei Terecoasa May 09 '18 at 20:30
1

Try `[ngClass]="{ 'show': showMenu }"`. – ConnorsFan May 09 '18 at 20:30
Or this other syntax: `[class.show]="showMenu"`. – ConnorsFan May 09 '18 at 20:36

0 Answers0