angularjs - 当我按下提交时，什么也没有发生

Question

我有以下代码，但是当我按下提交时没有任何反应

<html ng-app>
<head>
<script src="http://code.angularjs.org/1.2.0rc1/angular.min.js"></script>
</head>
<body>
<form ng-submit="submit()" ng-controller="Ctrl">
  Enter text and hit enter:
  <input type="text" ng-model="text" name="text" />
  <input type="submit" id="submit" value="Submit" />
</form>

<script>
  function Ctrl($scope) {
var str = $scope.text;
var ret = {};
for(x = 0, length = str.length; x < length; x++) {
  var l = str.charAt(x);
  ret[l] = (isNaN(ret[l]) ? 1 : ret[l] + 1);
}

for(key in ret) {
  alert(key + ' :: ' + ret[key]);
}
  }
</script>
</body>
</html>

我做错了什么？

score 5 · Accepted Answer

在这一行：

<form ng-submit="submit()" ng-controller="Ctrl">

您配置为在控制器上以角度执行 submit() 函数，但您没有声明此函数。您只需要submit在控制器上创建函数：

$scope.submit = function () {
   // Put you logic inside the method. 
}

我用你的代码创建了一个 plunker：

普朗克

angularjs - 当我按下提交时，什么也没有发生

1 回答 1

Related

Reference