Ein Formular mit AngularJS senden

Question

Ich bin sehr neu mit AngularJs und ich versuche ein Formular zu senden. Ich habe yeoman benutzt, um die eckige Anwendung zu erzeugen. Dies ist der Code in der Datei main.html

<div class="jumbotron"> 
    <h3>Test</h3> 
    <br><br> 
    <p class="lead"> 
    <form name="userForm" ng-submit="loadData()" ng-controller="myCtrl"> 
     <!-- NAME --> 
     <div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid && !userForm.name.$pristine }"> 
      <label>name*</label> 
      <input type="text" name="name" ng-model="name"class="form-control" ng-model="user.name" required> 
     </div> 
     <br><br> 
     <button type="submit" class="btn btn-primary">submit</button> <br><br> 
    </form> 
    </p> 
</div> 

und dies ist der Code in der main.js

Datei

angular.module('myApp') 
    .controller('MainCtrl', ['$scope', function($scope) 
    { 



$scope.loadData = function() { 
console.log('submited') 
}; 

}]); 

Die Funktion loaddata nie aufgerufen. Als ich den Code zur main.js-Datei hinzugefügt habe, habe ich einen Fehler in der Konsole bekommen, ich weiß nicht, ob es mit dem Problem zu tun hat.

Warning: Task "jshint:all" failed. Use --force to continue. 

Aborted due to warnings. 

Answer 1

<div ng-app="myApp" ng-controller="MainCtrl" class="jumbotron"> 
<h3>Test</h3> 
<br><br> 
<p class="lead"> 
<form name="userForm" ng-submit="loadData()" > 
    <!-- NAME --> 
    <div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid && !userForm.name.$pristine }"> 
     <label>name*</label> 
     <input type="text" name="name" ng-model="name"class="form-control" ng-model="user.name" required> 
    </div> 
    <br><br> 
    <button type="submit" class="btn btn-primary">submit</button> <br><br> 
    </form> 
</p> 
</div> 

Sie die ng-app und der Name in der Steuerung nicht mit

in Ihrem Code