将default的默认值设置为angularjs中的单选按钮

时间:2016-05-26 12:45:44

标签: angularjs

我正在尝试将单选按钮的值设置为false。仅在单击时才应将其设置为true。这是我的代码:

<input type="radio" name="data" ng-value="true" ng-model="ERRORS">ERRORS<br>
<input type="radio" name="data" ng-value="true" ng-model="OCCURRENCES">OCCURRENCES<br>
<input type="radio" name="data" ng-value="true" ng-model="STATUS">STATUS<br>

 <div>
   Selected Data Value:
   Selected Data<br>
    ERRORS: {{ ERRORS }}<br>
    OCCURRENCES: {{OCCURRENCES }}<br>
    STATUS: {{ STATUS }}<br>
  </div>   

但是,如果选中单选按钮,我将该值设置为“true”,如果未选中,则为空。

2 个答案:

答案 0 :(得分:1)

你可以使用一个旧的javascript技巧 - 一个空字符串被认为是一个假布尔值。

答案 1 :(得分:1)

您可以使用ng-init或控制器(我推荐这种方式):

示例:

<input type="radio" name="data" ng-init="ERRORS= false" 
    ng-value="true" ng-model="ERRORS">ERRORS<br>
<input type="radio" name="data" ng-init="OCCURRENCES= false" 
    ng-value="true" ng-model="OCCURRENCES">OCCURRENCES<br>
<input type="radio" name="data" ng-init="STATUS= false" 
    ng-value="true" ng-model="STATUS">STATUS<br>

或者您可以初始化控制器中的值:

$scope.ERRORS = false;
...