我使用 monaca ide 进行开发。
我正在尝试使用 angularjs 将数据从 html 发布到 php 页面,这给了我错误 Uncaught Error :[ng:areq]参数'joinctrl'不是一个函数,未定义我对AngularJS一无所知,请帮我解决这个问题,谢谢您的帮助。
html
index.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="components/loader.js"></script>
<script src="js/script.js"></script>
<link rel="stylesheet" href="components/loader.css">
<link rel="stylesheet" href="css/style.css">
<script>
ons.bootstrap();
ons.disableAutoStatusBarFill(); // (Monaca enables StatusBar plugin by default)
</script>
</head>
<body>
<ons-navigator title="Navigator" var="myNavigator" page="page1.html">
</ons-navigator>
</body>
</html>
page2.html
<ons-page style="background:#5C2D50">
<div class="modal">
<div class="modal__content" ng-app=joinus ng-controller="joinctrl">
<form>
<h1>Join Us</h1>
<input type="email" placeholder="Email" ng-model="email"><br />
<input type="password" placeholder="Password" ng-model="password"><br />
<input type="password" placeholder="Confirm Password" ng-model="cpassword"><br />
<input type="submit" value="Create" class="creat" ng-submit="create()">
</form>
</div>
</div>
<div id="gos" onclick="myNavigator.popPage()"><span class="fa fa-chevron-left" id="bk"></span></div>
</ons-page>
脚本.js
var app = angular.module('joinus', ['onsen']);
app.controller('joinctrl', function($scope, $http){
$scope.create=function(){
var request=$http({
method:"post",
url:"http://www.elunika.com/joinus.php",
data:{
email:$scope.email,
password:$scope.password,
cpassword:$scope.cpassword
},
headers:{'Content-Type':'application/x-www-form-urlencoded'}
});
request.success(function(data){
myNavigator.popPage();
});
request.error(function(data){
alert("Error While Proccessing");
})
}
});
请让我知道我所犯的错误。
- 请告诉我
<form>
如果我使用 angularjs,是否需要在 html 中使用。 - 请告诉我是否可以使用
alert
与我们在 jquery 中使用的方式相同。
再次感谢您的帮助。
最佳答案
你有onsen
吗?模块依赖项包含在您的 index.html
中文件?
这是一个working version您的代码,带有 onsen
排除。
可以使用单个 ng-app
在<html>
或<body>
标签。确保有一个ng-app
整个应用程序的属性。
至于:
您可以使用
<form>
就这样。你可以。
:)
PS:我提供的Plunker示例没有出现areq
的问题,正如您在浏览器控制台中看到的那样。
关于javascript - Angularjs Controller 显示错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27081809/