How to add multiple controller in single page in AngularJS
<p>I am new to AngularJS I have a problem with this code. I want to add multiple controller in single <code>ng-app</code>. But it execute first one. Why not second one?</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html ng-app="myapp"&gt;
&lt;head&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/angul /1.4.8/angular.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div ng-controller="cont1"&gt;
        &lt;input type="text" ng-model="fullname"&gt;
        {{fullname}}
    &lt;/div&gt;
    &lt;div ng-controller="cont2"&gt;
        &lt;input type="text" ng-model="fname"&gt;
        {{fname}}
    &lt;/div&gt;
    &lt;script&gt;
        var app = angular.module("myapp", []);
        app.controller('cont1', function ($scope) {
            $scope.fullname = "";
        });
        var new = angular.module('myapp', []);
        new.controller('cont2', function ($scope) {
            $scope.fname = "";
        });
    &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>