23859


現在、monacaでAngularJSを使用しております。  
angulerJSを複数のページで使用してプログラムを起動したいのですが、うまくいかないことがあります。  
例えば、Onsen UI Sliding
Menuを使ってpage1.htmlにはアラートで1ページと表示させて、page2.htmlにはアラートで2ページと表示させようとするにはどうすればよろしいですか？

以下に試したコードを載せます  
sample1.js

[code]

     var app = ons.bootstrap("myApp", ["onsen"]);
         app.controller("homeController", ["$scope", function($scope) {
            ons.ready(function() {
    
    
      alert('1ページ');
    
          });
       }]);
    
[/code]

sample2.js

[code]

       var app = ons.bootstrap("myApp", ["onsen"]);
        app.controller("homeController1", ["$scope", function($scope) {
            ons.ready(function() {
    
    
        alert('2ページ');
    
            });
        }]);
    
[/code]

この内容のjsファイルを使ってpage1.htmlに ng-controller="homeController"を指定し、page2.htmlには ng-
controller="homeController1"を指定するとエラーが出てしまいます。  
AngularJSの使い方がわからず素人の考え方ですみませんがご教授よろしくおねがいします。


CC BY-SA 3.0
2016-04-08T15:57:23.887
23858
2016-04-08T16:55:46.953
13367
question
monaca onsen-ui angularjs
monacaでAngularJSの使い方


`sample1.js`、`sample2.js`の順番で読み込んだ場合、`sample1.js`で定義した`app`が、`sample2.js`で定義した`app`に上書きされるため、

> Error: [ng:areq] Argument 'homeController' is not a function, got undefined

というエラーが出ます。  
`sample2.js`の次の行を削除するか、

[code]

    var app = ons.bootstrap("myApp", ["onsen"]);
    
[/code]

二つのファイルを一つにまとめて記述してください。

[code]

    var app = ons.bootstrap("myApp", ["onsen"]);
    app.controller("homeController", ["$scope", function($scope) {
        ons.ready(function() {
            alert('1ページ');
        });
    }]);
    app.controller("homeController1", ["$scope", function($scope) {
        ons.ready(function() {
            alert('2ページ');
        });
    }]);
    
[/code]


CC BY-SA 3.0
2016-04-08T16:55:46.953
23859
2016-04-08T16:55:46.953
9566
23858
answer