title: Angular Checkboxes "Select All" functionality with only one box selected initially
body: <p>I have a form that contains 3 checkboxes: "<strong>Select All</strong>", "<strong>Option 1</strong>", and "<strong>Option 2</strong>".</p>
  
  <pre><code>&lt;form id="selectionForm"&gt;
      &lt;input type="checkbox" ng-model="selectAll" &gt;Select all
      &lt;br&gt;
      &lt;input type="checkbox" ng-checked="selectAll" checked&gt;Option 1
      &lt;br&gt;
      &lt;input type="checkbox" ng-checked="selectAll"&gt;Option 2
  &lt;/form&gt;
  </code></pre>
  
  <p>On the initial page load I want <em>only</em> <strong>Option 1</strong> to be checked. And then if the <strong>Select All</strong> checkbox gets checked it should automatically check <strong>Option 1</strong> and <strong>Option 2</strong> so all are selected.</p>
  
  <p>The problem is on the initial page load the ng-checked="selectAll" gets evaluated which overrides my attempt to initially check only Option 1 (selectAll = false initially), so nothing is selected.</p>
  
  <p>This seems like a simple problem to solve, but I can't figure out a solution... Thanks in advance for any insights or advice!</p>