Javascript 带有复选框的ng模型不'；nt内部工作<；span>；

为什么这不起作用

 <span class="btn-group" data-toggle="buttons" ng-repeat="team in teams">
        <label class="checkbox btn btn-primary" for="{{team.id}}">
             <input type="checkbox" ng-model="pageData.selection[team.id]" name="group" id="{{team.id}}">{{team.name}}
        </label>
 </span>

{{team.name}

---

但是这个没有

的东西确实不起作用。您可以使用一个演示？data toggle=“buttons”

的功能是什么？这可能是造成问题的原因。不太可能是跨度造成了问题。@BenCr您是对的。这是个问题。data toggle=“buttons”隐藏复选框，所以它看起来像是默认按钮。您知道如何使用data toggle=“buttons”使其工作吗？我正在尝试做同样的事情，我不得不求助于不使用按钮样式，所以它使我的组看起来像复选框。

    <label class="checkbox btn btn-primary"  ng-repeat="team in teams">
        <input type="checkbox" ng-model="pageData.selection[team.id]">{{team.name}}
    </label>