title: angular scope variable not binding
body: <p>I have an angular view with a dynamic dropdown. When the user selects one of the options in the list I am trying to set a scope variable. For whatever reason it is not set upon selection. I assume it's an issue with the scope, but I can't figure out what exactly.</p>
  
  <pre><code>app.controller('MyController', function ($scope) {   
      $scope.myType = null;   
      $scope.types = [{name: 'a', isChecked:false}, {name: 'b', isChecked:false}, {name: 'c', isChecked:false}];  
      $scope.doSomething = function() {
         console.log($scope.myType); //null value
      }
  }
  </code></pre>
  
  <p>The view builds the dropdown from the <code>types</code> scope variable. When the user selects one, I set <code>myType</code> to the name value of the selection, but when I try to reference that variable within the controller, its always null.</p>
  
  <pre><code>&lt;div class="btn-group" dropdown&gt;
      &lt;button type="button" dropdown-toggle&gt;
          &lt;span class="caret"&gt;&lt;/span&gt;
      &lt;/button&gt;
      &lt;ul class="dropdown-menu" role="menu"&gt;  
          &lt;li ng-repeat="type in types" ng-click="myType = type.name"&gt;
              {{type.name}} &lt;input type="checkbox" ng-checked="myType == type.name" /&gt;&lt;label&gt;&lt;/label&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div ng-click="doSomething()"&gt;do something&lt;/div&gt;
  </code></pre>