CODEWITHSUNDEEP
ember.js
hasib32
hasib32

Reputation: 835

ember dynamically change class name

In my ember application I would like to change button depending on if input change. Below is my code that is working fine but that code has redundancy.Is there better way to do it:

html code: 

<div {{bind-attr class="isActive:active"}}>
    {{#if isActive}}
        <button class="primary button" {{ action 'saveData' }}>Save</button>
        <button id="btn-cancel-info" class="secondary button">Cancel</button>
    {{else}}
        <button class="primary button inactive">Save</button>
        <button id="btn-cancel-info" class="secondary button">Cancel</button>
     {{/if}}
</div>

I am setting the value for isActive in objectController.

Upvotes: 0

Views: 1167

Answers (1)

Aden Tranter
Aden Tranter

Reputation: 66

You can use the bind-attr helper.

{{bind-attr class="isNotActive:inactive :primary :button"}}

As you can see I added in your other Static classes as well, Below is a link to another question that is about static classes on the bind-attr helper.

Append a dynamic class to a view having a static class

Upvotes: 1

Related Questions