Angular UI按钮无法正常工作

Question

我正在使用Angular UI，我已经加载了依赖项并获得了模块'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>

得到了

所以左边的第一个按钮始终被检查，而其他按钮似乎无法检查。我错过了什么？

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>