Angularjs 角度形式验证和原始形式

我正在制作一个“添加新用户”/“编辑现有用户”表单。如果页面加载并且formData中有数据，那么我显然是在编辑一个现有用户，它将根据需要填充字段

如果页面加载时formData中没有数据，那么这显然是一个新用户。如果是新用户，字段应为空，但不应显示错误反馈

我以为那就是$pristine的目的。在我的示例中，我尝试填充字段时触发了$pristine=false

我如何适应这两种情况

我的扑克牌有点基本。在我的应用程序中，我从一个页面启动表单，该页面列出了所有用户（单击要编辑的用户），并且还有一个“添加用户”按钮。这意味着我可以加载页面，根据需要填充或不填充formData

我想知道这是否与对模型使用双向绑定有关

    ng-model="formData.username"
    value="{{formData.username || ''}}"

---

它们显示错误反馈，因为在css样式中定义了input.ng-invalid，无论它是否原始，这都是正确的。以下内容可以解决您的问题：

input.ng-invalid.ng-dirty {
    border: 1px solid #a94442;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}