Angular UI buttons not working properly

Question

I'm using Angular UI, I already loaded dependencies and got the module 'ui.bootstrap''.

Attempting to imitate this. This is what I'm trying:

<div class="form-group">
    <div class="btn-group">
      <label ng-model="reactionType" uib-btn-radio="left" uncheckable class="btn btn-sucess">Alegría</label>
      <label ng-model="reactionType" uib-btn-radio="middle" uncheckable class="btn btn-default">Tristeza</label>
      <label ng-model="reactionType" uib-btn-radio="right" uncheckable class="btn btn-default">Tristeza</label>
    </div>
  </div>

And got

so first button on the left keeps always checked while the others seem to be uncheckable. What am I missing?

Dave · Accepted Answer · 2015-11-11 03:53:30Z

2

It's super subtle, but you are missing the single quotes in the uib-btn-radio values.

ie: "'left'"

Revised Code Below:

<label ng-model="reactionType" uib-btn-radio="'left'" uncheckable class="btn btn-default">Alegría</label>
<label ng-model="reactionType" uib-btn-radio="'middle'" uncheckable class="btn btn-default">Tristeza</label>
<label ng-model="reactionType" uib-btn-radio="'right'" uncheckable class="btn btn-default">Tristeza</label>

answered Nov 11, 2015 at 3:53

Dave

1,6131 gold badge20 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

lostdorje Over a year ago

ouch! that's nasty. spent a few hours on this and would have never caught that. thanks!!

Collectives™ on Stack Overflow

Angular UI buttons not working properly

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related