Conditional button attributes

@dhutton wrote:

Hi,

I'm trying to conditionally apply an attribute based on whether a function returns true or false like so:

<button [attr.secondary]="isBoosted() ? '': null" full large (click)="boost()">
<ion-icon name="speedometer"></ion-icon>
<p>Boost</p>
</button>

The function isBoosted() returns true, and the attribute is inserted as I'd expect, but the classes that go with the attribute aren't added so the button doesn't change colour.

Is this a bug or am I doing something wrong?

Thanks for any help

Posts: 2

Participants: 1

Read full topic