2016-04-18 1 views
0

Я хочу запустить простой Угловой JS кода, но я не в состоянии сделать это в Кордове с онсэн шНевозможно запустить угловую JS кода с онсэна Кордовой

Я получаю ссылку ошибки ниже:

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

+0

способен запускать тот же самый код без каких-либо ошибок? Не могли бы вы дать мне, где вы пытаетесь запустить этот html? В браузере или устройстве? – Gandhi

+0

@Gandhi Я использую Android-эмулятор для тестирования –

+0

вы можете поделиться своим полным проектом, чтобы я мог протестировать его на устройстве? – Gandhi

ответ

1

решили его ...

На самом деле, когда я установил JQuery я скопировал только jquery.js файл из jquery folder в мою папку js, но теперь я скопировал всю папку jquery в папку js и успешно ее выполнил ...

Спасибо за поддержку.

+0

Я рад, что вы сделали это: D – Akis

1

Вы должны включить JQuery в проекте, это то, что ошибка все.

Error: Bootstrap's Javascript requires jQuery

Также убедитесь, чтобы загрузить файл jquery.js перед загрузкой начальной загрузки

+0

Я установил jquery, которые .js-файлы мне нужно связать на моей странице html –

+0

@AshishShukla так же, как вы сделали с angular.js 'src =" https: // code.jquery.com/jquery-2.2.3.js ">' – Akis

+0

Я добавил вашу ссылку jquery, но не сделал вывод –

Смежные вопросы