0

次のコードがありますが、送信を押しても何も起こりません

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

私は何を間違えましたか？

4

1 に答える 1

5

この行で：

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

コントローラーで submit() 関数を角度的に実行するように構成しますが、この関数を宣言していません。submitコントローラーで関数を作成するだけです。

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

コードが機能するプランカーを作成します。

プランカー

于 2013-08-17T02:11:56.357 に答える