Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/434.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ng repeat更改引导3 btn组宽度_Javascript_Angularjs_Twitter Bootstrap 3_Radio Button - Fatal编程技术网

Javascript 使用ng repeat更改引导3 btn组宽度

Javascript 使用ng repeat更改引导3 btn组宽度,javascript,angularjs,twitter-bootstrap-3,radio-button,Javascript,Angularjs,Twitter Bootstrap 3,Radio Button,当我使用静态方式显示所有单选按钮时,它工作正常(100%宽度),但使用ng repeat的动态方式存在问题,我有一个换行 无ng重复: 带ng重复: 代码片段: <div class="btn-group input-group btn-group-justified" ng-repeat="number in numbers"> <label class="btn btn-primary" ng-model="radioModel" btn-radio="'{{n

当我使用静态方式显示所有单选按钮时,它工作正常(100%宽度),但使用ng repeat的动态方式存在问题,我有一个换行

无ng重复:

带ng重复:

代码片段:

<div class="btn-group input-group btn-group-justified" ng-repeat="number in numbers">
    <label class="btn btn-primary" ng-model="radioModel" btn-radio="'{{number}}'">{{number}}</label>
</div>

{{number}}

将ng重复移动到


{{number}}

将ng重复移动到


{{number}}

将ng重复移动到


{{number}}

将ng重复移动到


{{number}}

为什么可以同时选择多个选项(单选按钮)?为什么可以同时选择多个选项(单选按钮)?为什么可以同时选择多个选项(单选按钮)?为什么可以同时选择多个选项(单选按钮)?
   <div class="btn-group input-group btn-group-justified">
      <label class="btn btn-primary" ng-model="model.radioModel" btn-radio="{{number}}" ng-repeat="number in numbers" ng-init="model =$parent" name="radio">{{number}}</label>

    </div>