无法使用onsen cordova

时间:2016-04-18 13:18:43

标签: angularjs cordova onsen-ui

我想运行一个简单的Angular js代码,但我无法做到 在科尔多瓦与温泉ui

我收到以下错误链接:

https://docs.angularjs.org/error/ng/areq?p0=HelloCtrl&p1=not%20a%20function,%20got%20undefined

我指的是这个页面:

https://onsen.io/blog/onsen-ui-tutorial-angularjs-essentials-for-using-onsen-ui-part-1/

使用Onsen 1

p1.html:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
<meta http-equiv="Content-Security-Policy"/>
<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link rel="stylesheet" href="css/onsenui.css">
<link rel="stylesheet" href="css/onsen-css-components.css">
<link rel="stylesheet" href="css/sliding_menu.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<script src="js/jquery.js"></script> 
<script src="js/bootstrap.min.js"></script>
<script src="js/angular/angular.min.js"></script>
<script type="text/javascript" src="cordova.js"></script>

 <script>

 ons.bootstrap();

 var myApp = angular.module('myApp',[]);

 myApp.controller('HelloCtrl', function($scope){
     $scope.name = "Onsen UI!";
 });

</script>
</head>
<body ng-app="myApp">
<div ng-controller="HelloCtrl">
<input type="text" ng-model="name">
<p>Hello {{name}}</p>
</div> 
</body>
</html>

输出

enter image description here

错误:

enter image description here

以下是我的目录结构:

enter image description here

2 个答案:

答案 0 :(得分:1)

您必须在项目中包含jQuery,这就是错误的全部内容。

  

错误:Bootstrap的Javascript需要jQuery

还要确保在加载bootstrap之前加载jquery.js文件

答案 1 :(得分:1)

解决了......

实际上当我安装jquery时,我只将jquery文件夹中的 jquery.js 文件复制到我的js文件夹中,但现在我将整个jquery文件夹复制到了js文件夹中它成功执行......

感谢您的支持。