Javascript angularjs-提交表单时控制器未调用_Javascript_Html_Angularjs

Javascript angularjs-提交表单时控制器未调用

javascript html angularjs

Javascript angularjs-提交表单时控制器未调用,javascript,html,angularjs,Javascript,Html,Angularjs,我是AngularJS的新手，我正在尝试下面的示例代码将我的表单提交到服务器 <!doctype html> <html lang=''> <head> <meta charset="utf-8"> <script src="../js/angular.min.v1.5.5.js"></script> <script> var app = angular.module('myApp'

我是AngularJS的新手，我正在尝试下面的示例代码将我的表单提交到服务器

<!doctype html>
<html lang=''>
<head>
  <meta charset="utf-8">
  <script src="../js/angular.min.v1.5.5.js"></script>
   <script>
        var app = angular.module('myApp', []);
        app.controller('myController', ['$location', function($scope, $location) {
        console.log(" controller invoked ** ");
        $scope.submit = function(emp) {
        var isvalid = true;
        if (isvalid) {
            $http.put('/addEmployee', {}).then(function(result) {
                $location.path(result.data);
            });
            return true;
        }
        return false;
      }
    }]);
</script>    
</head>
<body ng-app="myApp"  ng-controller="myController">

<form name="form1"  ng-submit="form1.submit(emp)">
  <input type="text" ng-model="emp.name" />
  <div align='center'>
         <input  type="submit" value="Submit" />
  </div>

</form>
</body>

</html>


var-app=angular.module（'myApp'，[]）；
app.controller（'myController'，['$location'，函数（$scope，$location）{
console.log（“控制器调用**”）；
$scope.submit=功能（emp）{
var isvalid=true；
如果（有效）{
$http.put（'/addEmployee'，{}）.then（函数（结果）{
$location.path（result.data）；
});
返回true；
}
返回false；
}
}]);

我已经开始调试这个问题，我注意到“controller invoked**”在表单加载期间打印过一次，但在表单提交之后没有打印

请您帮忙建议提交表格所需的更改，好吗

谢谢。

表单对象没有

submit

方法，因为它在

$scope

中可用，您需要直接调用它。不要在

ng submit

指令上执行

form1.submit（emp）

，而是将其更改为以下内容

ng-submit="submit(emp)"

另外，请纠正控制器DI阵列中的错误

app.controller('myController', ['$location', 
   function($scope, $location) {

应该是

app.controller('myController', ['$scope', '$location',  //<-- added missing $scope dependency here
   function($scope, $location) {