在AngularJS中提交后如何重置表格

Question

我是AngularJS的新手，正在尝试做一个项目。 我有一个完美的表格。 但是，我只应该做一件事。 添加客户后，我需要清除表单。 因为，当用户想要添加第二个客户时，该用户会看到先前输入的值。

$scope.add = function () {
        $scope.loading = true;
        $http.post('/api/Customer/', this.newcustomer).success(function (data) {
            alert("Added Successfully!!");
            $scope.addMode = false;
            $scope.customers.push(data);
            $scope.loading = false;

        }).error(function (data) {
            $scope.error = "An Error has occured while Adding Customer! " + data;
            $scope.loading = false;
        });
    };

Answer 1

尝试这个：

$scope.add = function () {
        $scope.loading = true;
        $http.post('/api/Customer/', this.newcustomer).success(function (data) {
            alert("Added Successfully!!");
            $scope.addMode = false;
            $scope.customers.push(data);
            $scope.loading = false;
            this.newcustomer = {};

        }).error(function (data) {
            $scope.error = "An Error has occured while Adding Customer! " + data;
            $scope.loading = false;
        });
    };

Answer 2

您必须手动清除表单元素的值

应该这样做：

delete $scope.newcustomer