带有单选按钮的角度检查属性答案

【问题标题】：Angular checked property with radio button带有单选按钮的角度检查属性
【发布时间】：2017-07-04 21:34:20
【问题描述】：

这可能是一个简单的问题，我试图根据变量值将checked 属性设置为单选按钮

$scope.art.is_copyright_protected = ($scope.art.is_copyright_protected==1)?true:false;

 <div class="form-inline checkbox-wrap">
      <fieldset class="form-group">
        <input name="is_copyright_protected"  ng-model="art.is_copyright_protected"     type="radio" id="radio11" >
        <label for="radio11">Yes</label>
     </fieldset>
  <fieldset class="form-group">
      <input name="is_copyright_protected"  ng-model="art.is_copyright_protected"   type="radio" id="radio21"><label for="radio21">No</label>
</fieldset>
</div>

但问题是从未检查过单选按钮

【问题讨论】：

你在 if 语句 $scope.art.is_copyright_protected =($scope.art.is_copyright_protected==1) ? true:false 中缺少问号
实际上，当我在它包含的代码中发布问题时发生了错字?

标签： javascript angularjs radio-button

【解决方案1】：

你应该使用ng-value指令

将给定的表达式绑定到元素的值。

<input ng-value="1" ng-model="art.is_copyright_protected" type="radio">

(function(angular) {
  'use strict';
  angular.module('myApp', [])
    .controller('Controller', ['$scope', function($scope) {
      $scope.art = {
        is_copyright_protected: 0
      };
    }]);
})(window.angular);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="myApp">
  <div ng-controller="Controller">
    <div class="form-inline checkbox-wrap">
      <fieldset class="form-group">
        <input name="is_copyright_protected" ng-value="1" ng-model="art.is_copyright_protected" type="radio" id="radio11">
        <label for="radio11">Yes</label>
      </fieldset>
      <fieldset class="form-group">
        <input name="is_copyright_protected" ng-value="0" ng-model="art.is_copyright_protected" type="radio" id="radio21"><label for="radio21">No</label>
      </fieldset>

      {{art.is_copyright_protected}}
    </div>
  </div>
</div>

【讨论】：