1

開発にはmonaca ideを使用しています。

angularjs を使用して html から php ページにデータを投稿しようとしていますが、 Uncaught Error: [ng:areq] Argument 'joinctrl' is not a function, got undefined というエラーが発生します。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>

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

私がやっている間違いを教えてください。

  1. <form>angularjsを使用している場合は、htmlで使用する必要があるかどうかを教えてください。
  2. alertjquery で使用するのと同じ方法を使用できるかどうか教えてください。

もう一度助けてくれてありがとう。

4

2 に答える 2

1

onsenファイルにモジュールの依存関係が含まれていindex.htmlますか?

これは、除外されたコードの作業バージョンです。onsen

またはタグで単一ng-appを使用できます。アプリ全体で単一の属性を持つようにしてください。<html><body>ng-app

はどうかと言うと：

  1. そんな使い方ができます<form>。

  2. あなたはできる。

:)

areqPS: 私が提供した Plunker の例では、ブラウザのコンソールでわかるように、 の問題は発生しません。

于 2014-11-22T20:17:16.317 に答える
0
  1. AngularJS を使用している場合は、フォームを使用する必要があります。他のフレームワークの場合と同じ方法です。送信ボタンに ng-click を追加した方法は有効です。
  2. AngularJS は単なる JavaScript フレームワークです。アラートの使用方法は有効です。

Uncaught Error: [ng:areq] Argument 'joinctrl' is not a function, got undefined が発生するのはどの時点/どのアクションですか?

于 2014-11-22T20:15:14.763 に答える