如何在HTML布局页面中使用多个java脚本

时间:2014-11-01 00:06:32

标签: angularjs

我在加载网页时遇到以下错误:

参数'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中指定了各自的控制器。

我正在试图找出导致错误的原因:

如何在使用angular?

时在布局页面中包含多个javascript文件

1 个答案:

答案 0 :(得分: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 = {