javascript - 单选按钮不适用于 UiBootstrap

Question

这次我需要有关此示例的帮助:

DEMO

您可以看到示例 1 上的 css 运行良好。当您单击按钮时，按钮的状态会发生变化(按下)

在示例2中我不能做同样的事情。 在我的应用程序上，我需要“单选按钮”出现在垂直线上(我明白了)。

但是当我按下按钮时，当我单击时我回到第一个状态(不要按)

<h4>Exmaple 2</h4>
<div class="btn-group" data-toggle="buttons-radio">

    <div class="row" ng-repeat="company in vm_login.decimals">

        <button type="button" class="btn btn-primary" ng-model="radioModel.id" btn-radio="company.id">
            {{company.desc}}
        </button>

    </div>
</div>

有人可以帮助我吗？

Answer 1

我得到了最终版本，这就是我所需要的

<强> DEMO

谢谢大家

<div class="btn-group-vertical" >
    <button ng-repeat="value in vm_login.options"
            class="btn btn-primary"
            type="button"
            ng-model="vm_login.model"
            btn-radio="value.id">
        {{value.desc}}
    </button>
</div>
<p>texto aqui: {{vm_login.model}}</p>