Отправить форму с AngularJS

Question

Я очень недавно знаком с AngularJs, и я пытаюсь отправить форму. Я использовал йоман для создания углового приложения. Это код в файле 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> 

и это код в main.js файл

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



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

}]); 

функция LoadData никогда не дозвонились. Когда я добавил код в файл main.js, я начал получать ошибку в консоли, я не знаю, связано ли это с проблемой.

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> 

Вы забыли упомянуть ng-app и имя контроллера не соответствует