Угловые кнопки пользовательского интерфейса не работают должным образом

Question

Я использую Угловой интерфейс, я уже загружал зависимости и получил модуль 'ui.bootstrap''.

Попытка imitate this. Это то, что я пытаюсь:

<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> 

И получил

так первая кнопка на левой держит всегда проверяется в то время как другие кажутся Uncheckable. Что мне не хватает?

Answer 1

Это супер тонкий, но вам не хватает одиночных кавычек в значениях uib-btn-radio.

ie: "'left'"

Пересмотренный Кодекс Ниже:

<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>