<h1>Example: ngChecked</h1>
<p>ngCheckedは値の評価がtrueであればチェックボックス等をチェック状態にするイベントです。Checkされたらイベントが発火するわけではないので注意が必要です。</p>
<div ng-app>
  <p>
    <input type="checkbox" id="allCheck" ng-model="isChecked"> <label for="allCheck">すべてチェックする</label>
  </p>
  <ul>
    <li>
      <input type="checkbox" ng-checked="isChecked"> A
    </li>
    <li>
      <input type="checkbox" ng-checked="isChecked"> B
    </li>
    <li>
      <input type="checkbox" ng-checked="isChecked"> C
    </li>
    <li>
      <input type="checkbox" ng-checked="isChecked"> D
    </li>
    <li>
      <input type="checkbox" ng-checked="isChecked"> E
    </li>
  </ul>
</div>
@import "bourbon";

body {
  padding: 1.5rem;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js