Javascript Angularjs控制器显示错误_Javascript_Angularjs_Onsen Ui_Monaca

Javascript Angularjs控制器显示错误

javascript angularjs

Javascript Angularjs控制器显示错误,javascript,angularjs,onsen-ui,monaca,Javascript,Angularjs,Onsen Ui,Monaca,我正在使用MonacaIDE进行开发我试图使用angularjs将数据从html发布到php页面，这给了我一个错误未捕获错误：[ng:areq]参数“joinctrl”不是函数，未定义我对angularjs一无所知，请帮助我，谢谢你的帮助 html index.html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" co

我正在使用MonacaIDE进行开发

我试图使用angularjs将数据从html发布到php页面，这给了我一个错误 未捕获错误：[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>

请让我知道我所犯的错误

如果我使用的是angularjs，请告诉我是否需要在html中使用

请告诉我是否可以使用与jquery相同的

alert

再次感谢您的帮助

使用AngularJS时确实需要使用表单。这与其他框架相同。将ng click添加到submit按钮的方式是有效的

AngularJS只是一个JavaScript框架。您使用警报的方式是有效的

请允许我问一下，在什么时候/对于什么操作，您会得到未捕获的错误：[ng:areq]参数“joinctrl”不是函数，未定义？？

您的

index.html

文件中是否包含

onsen

模块依赖项

这是您的代码的一部分，不包括

onsen

可以在

或

标记处使用单个

ng应用程序。确保在整个应用程序上有一个ng app
属性
至于：
你可以像那样使用

你可以
：）
PS：我提供的Plunker示例没有遇到areq的问题，正如您在浏览器控制台中看到的那样。
您必须删除ng单击submit并将其添加为ng submit=“create（）”如果我不使用onsen
的话，我也会犯同样的错误，但是因为我使用的是onsen-ui，所以包括了onsen。你是否有可能在你的html
文件中的任何地方提到控制器或应用程序名称？将ng app=“joinus”
更改为ng app=joinus，一般来说，这里有更多线索：这里有一个检查序列：@nikolay回答了这个问题，它在演示中运行良好。但当我在monaca调试器中使用它时，它向我显示了这样的错误
<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>

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");
   })
   }
});