title: Change ng-hide value when clicking button
body: <p>I'm making a small example to change the value of <code>ng-hide</code> after clicking button, but it didn't work.</p>
  
  <p>I've tried:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>angular.module('myModule', []).controller('myController', function ($scope) {
    $scope.hide= false
    $scope.change = function () {
      $scope.hide = !$scope.hide  
    };
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"&gt;&lt;/script&gt;
  &lt;div ng-app="myModule" ng-controller="myController"&gt;
    &lt;p ng-hide="{{hide}}"&gt;some text...&lt;/p&gt;
    &lt;button ng-click="change()"&gt;change&lt;/button&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>And my question: what am I missing?</p>