如何在 AngularJS 中设置单选按钮的默认值? [英] How to set the default value for radio buttons in AngularJS?

问题描述

我需要制作一个系统，根据选择的门票数量更改总价格.我创建了一些单选按钮来选择票的数量.问题是默认值未设置，加载时结果为空.

<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*人}}€</li><li>{{30*people}}€</li>

请看我的 jsfiddle.

解决方案

使用 ngInit

<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*人}}€</li><li>{{30*people}}€</li>

演示:小提琴

I need to make a system to change the total price by number of tickets selected. I created some radio buttons to choose the number of ticket. The ploblem is that the default value is unset and the result is null on loading.

<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>

Please see my jsfiddle.

解决方案

Set a default value for people with ngInit

<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>

Demo: Fiddle

这篇关于如何在 AngularJS 中设置单选按钮的默认值?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！