如何识别angularjs

时间:2015-09-23 06:04:53

标签: angularjs checkbox

我有一个分配了ng-model的复选框,以及自定义的ng-true-value和ng-false-value。有没有东西要检查复选框是否已选中?我也尝试使用ng-checked但是根据https://docs.angularjs.org/api/ng/directive/ngChecked ng-model和ng-checked不应该一起使用。

4 个答案:

答案 0 :(得分:1)

您不需要使用ng-checked, ng-model 就足够了,因为它可以为您提供 false true (如果选中)。

<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Checkbox</title>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.0/angular.min.js"></script>
</head>

<body ng-app="">
  <label>Checkbox demo:
    <input type="checkbox" ng-model="master">
  </label>
  <br/> My value is: {{master}}
</body>

</html>

以下是plunker http://plnkr.co/edit/NaTBRCeq1BeqtinEbK2t?p=preview

答案 1 :(得分:0)

也许你正在寻找ng-if?! 在角度页面上引用的plunker中包含类似的内容:

<span ng-if="master">Hello, I am checked.!</span>

&#39;主&#39;是绑定到input-element的复选框的变量。

答案 2 :(得分:0)

您只需在简单的输入标签中指定ng-model,其类型为''checkbox',如

<input type="checkbox" id="your_property" ng-model="your_property" />

您将在'your_property'中收到true和false。无需使用ng-checked。

答案 3 :(得分:0)

there is no need of ng-checked. ng-model will have the value to true or false. 
<div ng-app="">
      <input type="checkbox" ng-model="checked"/>
      {{checked}}
</div>

请查看http://jsfiddle.net/19v90cnv/

中的示例