2016-10-17 6 views
0

Ich bin neu in Angular.js und versuche, Formulardaten an den Server zu senden, aber ich erhalte einen Fehler für angular.js: 13424 Fehler: [ng: Areq]. Ich habe viele Antworten auf Stack Overflow versucht, aber ich finde keine Antwort auf mein Problem.Formulardaten können mit Angular.js nicht übergeben werden

index.view.html (für Register)

<div class="col-md-6 col-md-offset-3" >  
     <input type="text" ng-model="fname" placeholder="Enter the name :"required >Fristname 
     <br> <br> 
     button type="button" class="btn btn-success navbar-btn" ng-click=register()>Register </button> 
    </div> 

index.controller.js

(function() 
     { 
     angular 
      .module('app') 
      .controller('register.IndexController', function($scope,$http) 
     {     
       $scope.register= function() 
       {  
        $http.post('http://localhost:9000/user/register', {firstName : $scope.fname}).success(function(response) 
        {  console.log($scope.fname); 
        })                      
       } 
     }) 

     }); 

index.html

 <!DOCTYPE html> 
     <html ng-app="app"> 
     <head> 
     <title>AngularJS JWT Authentication Example & Tutorial</title> 
<!-- bootstrap css --> 
     <link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
<!-- application css --> 
     <link href="app-content/app.css" rel="stylesheet" /> 
    </head> 

<!-- HEADER AND NAVBAR --> 
<header> 
    <nav class="navbar navbar-default"> 
     <nav class="cf" ng-include="'nav/index.view.html'" ng-controller="Main.IndexController"></nav> 
    </nav> 
</header> 
+0

Haben Sie die Modul-App woanders definiert? Wenn nicht, dann müssen Sie diese index.controller.js '.module ('app', []) haben' Wenn Sie es anderswo so definiert haben (mit den eckigen Klammern), stellen Sie sicher, dass Sie es einmal und nur einmal haben – theTaoOfJS

+1

Es sieht auch so aus, als ob Sie einen anderen Controllernamen als den von Ihnen deklarierten verwenden: Main.IndexController vs register.IndexController ... –

+0

@theTaoOfJS Ja, ich habe es mit eckigen Klammern mit den entsprechenden Abhängigkeiten definiert und so bei anderen Controller-Dateien ich habe diesen Teil nicht eingeschlossen ie [] – HebleV

Antwort

0

Es scheint, dass Sie die falschen Controller verwenden Kennung während der Bearbeitung Ihrer Anfrage.

Sie haben Ihren Controller als register.IndexController genannt, aber von der html, Sie versuchen, darauf zuzugreifen als Main.IndexController.

Bitte überprüfen Sie, ob das Ändern des html Controlleridenentifiers Ihr Problem löst.

Wenn Sie beabsichtigen, verschachtelte Controller zu verwenden, können Sie das auch tun. Der Bereich muss jedoch genau identifiziert werden, egal welcher Controller Sie verwenden.

+0

Ich habe verschachtelte Controller verwendet und es funktioniert für verschiedene Seiten außer für diesen Registrierungsteil. – HebleV

Verwandte Themen