title: AngularJS ngModel doesn't work inside a ui-bootstrap tabset
body: <p>The following code illustrates the problem:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="plunker"&gt;
    &lt;head&gt;
      &lt;title&gt;AngularJS Plunker&lt;/title&gt;
      &lt;link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" /&gt;
      &lt;script src="https://code.angularjs.org/1.3.6/angular.js"&gt;&lt;/script&gt;
      &lt;script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
  angular.module('plunker', ['ui.bootstrap'])
  .controller('MainCtrl', function($scope) {
    $scope.changes = 0;
    $scope.updateValueInScope = function () {
      $scope.valueInScope = $scope.value;
      $scope.changes++;
    }
  });
      &lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body ng-controller="MainCtrl"&gt;
      &lt;tabset&gt;
        &lt;tab heading="Tab A"&gt;
          &lt;div class="panel"&gt;
            &lt;input type="text" ng-model="value" ng-change="updateValueInScope()" /&gt;
            &lt;br /&gt;
            &lt;tt&gt;value: {{value}}&lt;/tt&gt;&lt;br /&gt;
            &lt;tt&gt;valueInScope: {{valueInScope}}&lt;/tt&gt;&lt;br /&gt;
            &lt;tt&gt;changes: {{changes}}&lt;/tt&gt;
          &lt;/div&gt;
        &lt;/tab&gt;
      &lt;/tabset&gt;
      &lt;input type="text" ng-model="value" ng-change="updateValueInScope()" /&gt;
      &lt;br /&gt;
      &lt;tt&gt;value: {{value}}&lt;/tt&gt;&lt;br /&gt;
      &lt;tt&gt;valueInScope: {{valueInScope}}&lt;/tt&gt;&lt;br /&gt;
      &lt;tt&gt;changes: {{changes}}&lt;/tt&gt;
    &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Plunker here:</p>
  
  <p><a href="http://plnkr.co/edit/dJc009csXVHc7PLSyCf4?p=preview">http://plnkr.co/edit/dJc009csXVHc7PLSyCf4?p=preview</a></p>
  
  <p>This creates two textboxes, one inside the tabset, and one outside. They are both bound to the <code>value</code> scope variable. Updating the contents of the textbox inside the tabset does not update the <code>value</code> variable in the scope. Updating the textbox outside the tabset does. Changes to either of the textboxes will result in a call to <code>updateValueInScope()</code> via ngChange.</p>
  
  <p>Can someone explain to me why this behaves this way? Is there some way to "fix" the behavior so that the textbox inside the tabset will modify the model in the scope?</p>