Javascript AngularJs函数形式未定义

我正在尝试创建一个可以更改用户用户名的表单
这是我的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>

---

当我点击

更改用户名

按钮时，它会告诉我

错误：表单未定义

。有什么问题以及如何修复？

单击事件的参数是“$event”。在html代码中，您没有向changeName函数传递任何参数。 在html中指定ng模型后，可以使用ng模型从表单中获取值

 $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");
            }
        });
     };

---

单击事件的参数为“$event”。在html代码中，您没有向changeName函数传递任何参数。 在html中指定ng模型后，可以使用ng模型从表单中获取值

 $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");
            }
        });
     };

---

此外，表单需要一个名称，以便能够拾取它

<form name="myForm" />

---

此外，表单需要一个名称，以便能够拾取它

<form name="myForm" />

---

changeName函数接受一个参数。changeName函数接受一个参数。