如何在HTML页面布局

Question

我提示以下错误：使用多个Java脚本加载时我的网页：

参数“channelsAppController”不是一个函数，得到了不确定

我有2个不同的网页和一个布局页，其中包括2个不同的Java脚本文件：

<script src ="/Scripts/Views2/Channel.js"></script> 
<script src ="/Scripts/Views2/Channel_Create.js"></script> 

下面是每个脚本的乞讨：

Channel.js

(function() { 
    var myApp; 

    myApp = window.angular.module("myApp", []); 

    myApp.controller("channelsAppController", function($scope, $http, $compile) { 

Channel_create.js

(function() { 
    var myApp; 

    myApp = window.angular.module("myApp", []); 

    myApp.controller("channelCreateController", function($scope, $http, $compile) { 
$scope.Channel = { 

当我打开任我得到前面提到的错误页面。

如果我在布局中注释掉其中一个脚本，页面...不使用脚本的页面加载并且不会生成错误。

每个页面都有在根div中指定的各自的控制器。

我试图找出什么导致错误：

我怎么能包括布局页面的多个JavaScript文件，同时采用了棱角分明？

Answer 1

Channel.js

(function() { 
    var myApp; 

    myApp = window.angular.module("myApp", []); //Module definition 

    myApp.controller("channelsAppController", function($scope, $http, $compile) { 

Channel_create.js

(function() { 
    var myApp; 

    myApp = window.angular.module("myApp"); //Module retrieval. 

    myApp.controller("channelCreateController", function($scope, $http, $compile) { 
$scope.Channel = {