javascript - AngularJs 函数形式未定义

Question

我正在尝试创建一个可以更改用户用户名的表单
这是我的 html 代码:

<div ng-controller="manageProfile" >
    <form>
        <div class="form-group">
            <label>Display Name</label>
                <input type="text" ng-model="user.currentName" placeholder="Display Name">
        </div>
        <button ng-click="changeName()">Change Username</button>
    </form>
</div>

这是我的 AngularJs 代码

var profile = angular.module('getUserInfo', ['ngParse']);
profile.controller('manageProfile', ['$scope', function($scope) {

    $scope.changeName = function(form) {
        var user = Parse.User.current();
        user.setUsername(form.currentName);
        user.save(null, {
            success: function(user) {
                console.log("success");
            },
            error: function(error) {
                console.log("fail");
            }
        });
     };
}]);

当我单击更改用户名按钮时，它会给出错误:表单未定义。有什么问题以及如何修复它？

Answer 1

点击事件的参数是“$event”。在 html 代码中，您没有将任何参数传递给changeName 函数。 在html中分配ng-model后，您可以使用ng-model从表单中获取值。

 $scope.changeName = function() {
        var user = Parse.User.current();
        user.setUsername($scope.user.currentName);
        user.save(null, {
            success: function(user) {
                console.log("success");
            },
            error: function(error) {
                console.log("fail");
            }
        });
     };