javascript - Angular 文本输入提交无法触发控制台日志

Question

以下代码片段旨在创建一个文本输入表单，每次用户从中提交新文本时，该表单都会向控制台显示一条消息。

AngularJS 片段:

myApp.controller("appCtrl", function ($scope) {

    var data = {
        text: ""
    };

    $scope.testSubmit = function () {
        console.log("Console Log");//I fail to see this message
    };

}

HTML 片段:

<form ng-submit="testSubmit()">
    <input type="text" ng-model="data.text"></input>
</form>

不幸的是，我看不到控制台日志消息。我错过了什么？

Answer 1

你的代码看起来不错。但您是否忘记了提交按钮？这是你的例子中唯一缺少的东西。看看this fiddle .

<div ng-controller="appCtrl">
    <form ng-submit="testSubmit()">
        <input type="text" ng-model="data.text"></input>
        <input type="submit"></input>
    </form>
</div>