title: angularjs ng-controller doesn't work
body: <p>I'm trying to work with AngularJS, and my "ng-controller" doesn't work. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
    &lt;html&gt;
      &lt;head&gt;
        &lt;script type="text/javascript" src="lib/angular.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body ng-app&gt;
        &lt;h1&gt;Add user&lt;/h1&gt;
        &lt;form action="addUser" method="post"&gt;
          &lt;input type="text" name="pseudo" placeholder="pseudo"&gt;
          &lt;input type="password" name="password" placeholder="password"&gt;
          &lt;input type="submit" value="envoyer"&gt;
        &lt;/form&gt;
        {{1 + 2}}
        &lt;div ng-controller="myController"&gt;
        {{ name }}
      &lt;/div&gt;
      &lt;a href="./remove"&gt;supression&lt;/a&gt;
      &lt;script type="text/javascript"&gt;
        function myController($scope){
          alert("test");
          $scope.name = 'toto';
        }
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When I'm trying this in Chrome, <code>{{1+2}}</code> is correctly replaced by '3', but <code>{{name}}</code> is not. I expected 'toto'.</p>
  
  <p>I'm also trying to display an alert on click event, and it doesn't work:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    var myApp = angular.module('MyApp', []);
    myApp.controller('myController', ["$scope",function($scope){
      $scope.name = 'toto';
      $scope.onMyButtonClick = function(){
        alert("test");
      }
    }])
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div ng-controller="myController"&gt;
      {{ name }}
      &lt;button ng-click="onMyButtonClick"&gt;test&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I click, nothing happens.</p>