在视图angularjs中创建控制器

Question

我想在我的一个视图中创建一个控制器.. 我有这样的结构

index.html
pages > home.html
js > app.js, controllers.js

app.js：

angular.module('app').config(function ($routeProvider) {

    $routeProvider.when('/home', {templateUrl: '/pages/home.html', controller: 'HomeCtrl'});
});

controllers.js：

angular.module('app.controllers', []).controller('HomeCtrl', function(){ ... });

一切都很好但是可以在home.html文件中创建另一个控制器吗？

我试过这个但没有工作

home.html：

<div ng-controller="InsiderCtrl">
</div>

<script type="text/javascript">
    angular.module('app.controllers').controller('InsiderCtrl', function(){ ... });
</script>

但是当我尝试使用功能时，它工作了！谁能解释我为什么？是不是可以访问视图中的模块？

<div ng-controller="InsiderCtrl">
</div>

<script type="text/javascript">
    function InsiderCtrl() {}
</script>