如何在AngularJS中设置单选按钮的默认值？
如何在AngularJS中设置单选按钮的默认值？
提问于 2013-04-05 20:13:59
我需要做一个系统，以改变总价的门票选择的数量。我创建了一些单选按钮来选择票号。问题是默认值是未设置的，加载时结果为null。
<input type="radio" ng-model="people" value="1" checked="checked"><label>1</label>
<input type="radio" ng-model="people" value="2"><label>2</label>
<input type="radio" ng-model="people" value="3"><label>3</label>
<ul>
<li>{{10*people}}€</li>
<li>{{8*people}}€</li>
<li>{{30*people}}€</li>
</ul>回答 5
Stack Overflow用户
回答已采纳
发布于 2013-04-05 20:21:13
使用ngInit设置people的默认值
<div ng-app>
<div ng-init="people=1" />
<input type="radio" ng-model="people" value="1"><label>1</label>
<input type="radio" ng-model="people" value="2"><label>2</label>
<input type="radio" ng-model="people" value="3"><label>3</label>
<ul>
<li>{{10*people}}€</li>
<li>{{8*people}}€</li>
<li>{{30*people}}€</li>
</ul>
</div>演示：Fiddle
Stack Overflow用户
发布于 2014-10-14 14:40:31
<div ng-app="" ng-controller="myCntrl">
<input type="radio" ng-model="people" value="1"/><label>1</label>
<input type="radio" ng-model="people" value="2"/><label>2</label>
<input type="radio" ng-model="people" value="3"/><label>3</label>
</div>
<script>
function myCntrl($scope){
$scope.people=1;
}
</script>Stack Overflow用户
发布于 2016-03-27 10:07:05
为什么不只使用ng-checked="true"
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15833692
复制相关文章
相似问题