javascript - Angular 类型错误: Cannot read property 'icon' of undefined

Question

如何处理 Angular 上的空输入？

我想在后端验证而不是在前端验证。但是当我提交时，如果我让它在图标输入上为空，则会返回错误

 TypeError: Cannot read property 'icon' of undefined

这是我的表格:

 <div class="form-group">
                    <div class="form-material form-material-danger">
                        <input class="form-control" type="text" id="name" ng-model="menu.name" placeholder="Menu Name.." empty-to-null>
                        <label for="name">Name</label>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-material form-material-danger">
                        <input class="form-control" type="text" id="icon" ng-model="menu.icon" placeholder="Menu Icon.." >
                        <label for="icon">Icon</label>
                    </div>
                </div>

这是我的代码:

 var data = {
            icon: $scope.menu.icon,
            name: $scope.menu.name
        };

        AdminMenu.save(data, function (response) {
            console.log(response);
            $scope.menu = null;
            ResultService(response);
            $scope.dtInstance.reloadData();
        }, function (response) {
            ResultService(response.data);
        })
            .$promise.finally(function () {
                $scope.button_text = "Store";
                $scope.loading = false;
            });

Answer 1

$scope.menu = null

当您将menu设置为null时，Angular无法再找到menu.icon。如果您想“重置”它，您应该执行 $scope.menu = {}。

当然，不要忘记在使用之前初始化 $scope.menu。