angularjs - 如果 ng-required 为真，则 angular 会删除 ng-model 变量

Question

如标题..如何防止此类操作发生？这是官方网站的链接，请参见示例。变量user.name绑定到第一个输入userName，如果输入为空，user.name则删除对象。如何禁用 angularjs 的此功能？

Answer 1

尝试ng-model-options="{allowInvalid: true}"更新模型，即使是无效条目。

<input ng-model="user.name" required ng-model-options="{allowInvalid: true}">

Answer 2

你有2个选项

1. 从输入标签中删除required它允许您将空字符串发送回后端

var app = angular.module('app', []);


app.controller('MyCtrl', function($scope) {
  $scope.params = {
    user: "John"
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="MyCtrl">
  <input name="userName" ng-model="params.user" />
  <hr/>
  <pre>{{params| json}}</pre>
</div>

2. 选项二在将表单发送到后端之前验证您的表单。

var app = angular.module('app', []);


app.controller('MyCtrl', function($scope) {
  $scope.user = {
    name: "John"
  };
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>



<div ng-app="app" ng-controller="MyCtrl">
  <form name="someForm">
    <input name="userName" ng-model="user.name" required name="userName" />
    <span ng-show="someForm.userName.$error.required">User Name required</span>
    <br/>{{user | json}}
    <br/>

    <button type="submit" ng-disabled="someForm.$invalid">Submit</button>
  </form>
</div>