title: AngularJs doesn't work if I give a value to ng-app and ng-controller
body: <p>I hope you may help me.
  I'm quite new with Angular so I'm maybe making some stupid error but, when a give a value to ng-app, it doesn't work AngularJs. 
  I make here an example:
  This is my <strong>home.html</strong> that doesn't work (when I say "doesn't work" I mean that I see printed "{{name}}" instead of its value).</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="ISO-8859-1"&gt;
  &lt;title&gt;Insert title here&lt;/title&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  var req={
          method: 'POST',
          url: 'http://localhost:8080/ConnectionDb/WebAppDbServlet',
          data: {"nome":$scope.name}
      }
      var app=angular.module('noteApp', [])
      app.controller('noteCtrl', function ($scope, $http){
          $scope.addNote = function () {
              $http(req).success(function(data, status, headers, config) {
                  $scope.nome = data;
              }).error(function(data, status, headers, config) {
  
              });
          }
      })
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-app="noteApp"&gt;
      &lt;div ng-controller="noteCtrl"&gt;
          &lt;form&gt;
              &lt;div&gt;
              Insert your name: &lt;input type="text" name="name" data-ng-model="name"&gt;&lt;br&gt;
              &lt;/div&gt;
          &lt;/form&gt;
          &lt;p&gt;Hola {{name}}&lt;/p&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>but if I change it like this</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="ISO-8859-1"&gt;
  &lt;title&gt;Insert title here&lt;/title&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  var req={
          method: 'POST',
          url: 'http://localhost:8080/ConnectionDb/WebAppDbServlet',
          data: {"nome":$scope.name}
      }
      var app=angular.module('noteApp', [])
      app.controller('noteCtrl', function ($scope, $http){
          $scope.addNote = function () {
              $http(req).success(function(data, status, headers, config) {
                  $scope.nome = data;
              }).error(function(data, status, headers, config) {
  
              });
          }
      })
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-app&gt;
      &lt;div&gt;
          &lt;form&gt;
              &lt;div&gt;
              Insert your name: &lt;input type="text" name="name" data-ng-model="name"&gt;&lt;br&gt;
              &lt;/div&gt;
          &lt;/form&gt;
          &lt;p&gt;Hola {{name}}&lt;/p&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>it goes perfectly as it should.
  Any suggestion?</p>