NgbDropdown using autoClose in template and dynamically changing it does not work about ng-bootstrap HOT 4 CLOSED

I'm not sure why the template compiler doesn't complain, but you just forgot the square brackets: [autoClose]="false".

from ng-bootstrap.

@jnizet Thanks for the input.. that was actually just wrong in the Stackblitz.. BUT you still helped me to find out the problem.

It seems that

autoClose="{{false}}" is not working (which I was using in my project)

but

[autoClose]="false" is working

That's a little odd, because in the code example for the option container, they also use the option without square brackents:

I Am closing the ticket since it's working when using the correct forma..

from ng-bootstrap.

@janwidmer-work this is fundamental Angular stuff.

[foo]="bar" is property/input binding. It evaluates the bar Angular expression and sets the the result (which can be of any type) as the value of the property/input foo.

If you use foo="bar", then you pass the string "bar" to the property/input.

foo="{{ bar }}" should never be used. It evaluates the angular expression bar, transforms the result into a string (so in your case, the string "false", and sets bar to that string.

So container="body" is perfectly fine, because we do want to pass the string "body" as input. It's equivalent to [container]="'body'".

But autoClose="false" or autoClose="{{ false }}" are not, because you want to pass the boolean false, and those are passing the string "false".

from ng-bootstrap.

@jnizet thanks for lighting it up for me and explaining. :)

BR Jan

from ng-bootstrap.