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>

Answer 2

您可以在链接上使用操作，例如：<a ng-click="testSubmit()">submit</a>

角度文本输入提交无法触发控制台日志

2 个答案: