当我按提交没有任何事情发生

时间:2013-08-17 02:08:41

标签: angularjs

我有以下代码,但是当我按提交时没有任何事情发生

<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>

我做错了什么?

1 个答案:

答案 0 :(得分:5)

在这一行:

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

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

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

我使用您的代码创建了一个plunker:

Plunker