AngularJS Radio Buttons不处理事件

时间:2015-09-15 02:32:35

标签: angularjs twitter-bootstrap radio-button

我很难理解为什么这些单选按钮没有响应。

this excellent answer points out

我发现这是我删除“btn”类,我有更好的结果,虽然我无法用JSFiddle重现这个。感谢。

<div ng-app>
<div id="container-fluid" class="app-bg" ng-controller="ProfileSetupAgeCtrl">
    <div class="row profile-setup">
        <div class="text-center">
            <div class="btn btn-group btn-checkbox" data-toggle="buttons">
                <label class="btn btn btn-check active">
                    <input type="radio" checked ng-model="vm.inputAgeGroup" value="LT18">
                    < 18 </label>
                        <label class="btn btn-check">
                            <input type="radio" ng-model="vm.inputAgeGroup" value="1824">18-24</label>
                        <label class="btn btn-check">
                            <input type="radio" ng-model="vm.inputAgeGroup" value="2536">25-36</label>
                        <div class="clear"></div>
                        <label class="btn btn-check">
                            <input type="radio" ng-model="vm.inputAgeGroup" value="3745">37-45</label>
                        <label class="btn btn-check">
                            <input type="radio" ng-model="vm.inputAgeGroup" value="4660">46-60</label>
                        <label class="btn btn-check">
                            <input type="radio" ng-model="vm.inputAgeGroup" value="GT60">> 60</label>
                        <br/> <span style="color: white">AgeGroup selected = {{inputAgeGroup}}</span>
                        <br/>
            </div>
        </div>
    </div>
</div>

0 个答案:

没有答案