Onsenui無法添加onsen模塊

我已經通過Monaca IDE創建了一個新項目。該頁面有ons.bootstrap（）和onsenui版本是v1.3.8 - 2015-07-27。Onsenui無法添加onsen模塊

我嘗試添加

<script> angular.module('app', ['onsen'])</script>

，但是當我添加一個控制器，如app.MyController它給了我這個錯誤

Uncaught ReferenceError: app is not defined

<!DOCTYPE HTML> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 
    <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' https://*.googleapis.com https://*.cloudflare.com 'unsafe-inline'; script-src 'self' http://*.phonegap.com https://*.googleapis.com https://*.cloudflare.com http://*.elasticbeanstalk.com https://*.monaca.mobi:8080 'unsafe-inline' 'unsafe-eval'"> 
    <link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'> 
    <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'> 

    <script src="components/loader.js"></script> 
    <script> 
     ons.bootstrap(); 
    </script>  
    <script> angular.module('app', ['onsen']);</script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
    <script src="js/roundProgress.min.js"></script> 
    <script src="js/controller.js"></script> 

    <link rel="stylesheet" href="components/loader.css"> 
    <link rel="stylesheet" href="css/style.css"> 



</head> 
<body> 
<ons-page> 
    <ons-tabbar position="top" > 
     <ons-tabbar-item page="dashboard.html" style="margin-top:20px"><span style="margin-top:20px"><img src="img/icon.svg" width="34"/></span></ons-tabbar-item> 
     <ons-tabbar-item page="dashboard.html" icon="ion-ios-pulse-strong" active="true" class="tab-bar__button tab-bar--top-border__button"></ons-tabbar-item> 
     <ons-tabbar-item page="timeline.html" icon="ion-android-calendar"></ons-tabbar-item> 
     <ons-tabbar-item page="capture.html" icon="ion-pinpoint"></ons-tabbar-item> 
     <ons-tabbar-item page="settings.html" icon="ion-android-settings"></ons-tabbar-item> 
    </ons-tabbar> 
</ons-page> 

</body> 
</html>

timeline.html

<ons-page ng-controller="CActivity"> 
<ons-toolbar> 
    <div class="center">History</div> 
</ons-toolbar> 
</page>

控制器文件，controller.js

app.controller('CActivity', ['$scope', '$http', function($scope, $http) { 
    // do stuff here alert('hello'); 
     }]);

而得到這個錯誤也：由於錯誤說

CActivity is not a function got undefined

來源

2016-01-20 drew

，app不存在。 ons.bootstrap()返回AngularJS模塊as explained in the docs，所以你可以做這樣的事情：

var app = ons.bootstrap(); 
app.controller('CActivity', ...);

希望它能幫助！

來源

2016-01-20 10:27:25

工作，謝謝！ – drew

Onsenui無法添加onsen模塊

回答

相關問題