javascript - 在 AngularJS 中将空文本而不是 null 设置为 ng-model

Question

我需要从用户那里获得大约 14 个不同的输入值来创建产品，并且输入不应作为 null 在 Controller 中接收，而应该作为 空字符串

为了实现这一目标，我做了以下工作: Controller :

var NewProductCatalog = {
    CustomerGuid: '00000000-0000-0000-0000-000000000000', SalesPartNo: "", Description: "",
    Name: "", Inventory: 0, UnitPrice: 0, BrandNo: "", TypeNo: "", LobNo: "", BrandName: "",
    TypeName: "", LobName: "", ManufacturePartNo: "", InventoryPartNo: "", EANCode: "",
    ImageURL: "", ProductType: "", DateAdded: "", Active: false, Tax: 0
};
$scope.newProductCatalog = NewProductCatalog;

.cshtml:

 <label for="SalesPartNo">Sales Part No *</label>
 <input type="text" required name="SalesPartNo" ng-model="newProductCatalog.SalesPartNo" class="form-control" />
 ...
 <input type="submit" ng-click="createProductCatalog(newProductCatalog)" />

创建函数( Controller ):

$scope.createProductCatalog = function (NewProductCatalog) {
        var JsonString = angular.toJson(NewProductCatalog);
        CustomProductsServices.ProductCatalog_create(JsonString, function (callback) {
            if (callback.success) {
                $window.alert(callback.message);
            } else {
                $window.alert(callback.message);
            }
        });
    };

这允许我在用户未输入任何值时发送一个空字符串。

问题:当我尝试在文本框中输入一个值，然后删除/清空文本框并提交时。 我无法在生成的 JSON 字符串中看到 SalesPartNo

如果我的方法不对请指出错误建议我更好的方法

Answer 1

请从 <input name="SalesPartNo" /> 中删除所需的属性除非值有效，否则 angularjs 不会绑定(bind)到模型。

请在这里演示http://jsbin.com/wuhipe/1/edit?html,console,output

<input type="text"  name="SalesPartNo" ng-model="newProductCatalog.SalesPartNo" class="form-control" />