Angular TypeError：无法读取未定义的属性“图标”

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。