复选框未在角度js中检查

时间:2016-01-29 10:34:44

标签: javascript angularjs checkbox

search_template = "http://api.openweathermap.org/data/2.5" + "find?q={}&type=like"

它有两个字符串值true和false。我给出了值=" false"但是没有检查复选框,这里的语言是一个列表。

4 个答案:

答案 0 :(得分:1)

<input type="checkbox" name="" value="" ng-checked="check" />

in controller 

$scope.check = true;

答案 1 :(得分:1)

并未真正使用value属性。 Angular使用模型值来设置检查。有时您可能还需要声明真/假标准。您可以使用ng-init指令初始化,如下所示:

<input type="checkbox" name="checkbox1" id="sp1" 
     ng-true-value="'true'" ng-false-value="'false'"    
     ng-init="test='true'" ng-model="test">

请注意,您必须单引用true / false值,因为ng期望在那里使用表达式。

答案 2 :(得分:0)

如果您希望默认选中该复选框,请使用checked=""checked="checked"

请访问以下链接了解更多详情。

http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants

   <tr ng-repeat="languages in samln">
       <td>
          <span>{{languages.emplang}}</span>
       </td>
       <td>
          <input type="checkbox" name="checkbox1-" id="sp1" checked="" style="margin-left:40px;" ng-model="languages.speak">
       </td>
       <td>
          <input type="checkbox" name="checkbox2-" id="rea1" checked="" style="margin-left:40px;" ng-model="languages.read">
       </td>
       <td>
          <input type="checkbox" name="checkbox3-" id= "wr1" checked="" style="margin-left:40px;" ng-model="languages.write">
       </td>
    </tr>

答案 3 :(得分:0)

<script>
  angular.module('checkboxExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.checkboxModel = {
       value1 : true,
       value2 : 'YES'
     };
    }]);
</script>
<form name="myForm" ng-controller="ExampleController">
  <label>Value1:
    <input type="checkbox" ng-model="checkboxModel.value1">
  </label><br/>
  <label>Value2:
    <input type="checkbox" ng-model="checkboxModel.value2"
           ng-true-value="'YES'" ng-false-value="'NO'">
   </label><br/>
  <tt>value1 = {{checkboxModel.value1}}</tt><br/>
  <tt>value2 = {{checkboxModel.value2}}</tt><br/>
 </form>

来源:AngularJS documentation / API Reference / ng / input components in ng / input[checkbox]