Javascript 材料设计角度输入要求

Javascript 材料设计角度输入要求,javascript,angularjs,material-design,required,angular-ngmodel,Javascript,Angularjs,Material Design,Required,Angular Ngmodel,角材料设计是否要求输入ng模型等于一个变量,以便所需的工作 在不使用材质设计的情况下,以下错误检查工作得非常好 <label>First Name (as it appears on your card)</label> <input type="text" name="firstName" data-ng-model="test" required/> 是否有一种方法可以使用Material Design进行错误检查,而无需为字段指定默认值?我认为您可能没

角材料设计是否要求输入ng模型等于一个变量,以便所需的工作

在不使用材质设计的情况下,以下错误检查工作得非常好

<label>First Name (as it appears on your card)</label>
<input type="text" name="firstName" data-ng-model="test" required/>

是否有一种方法可以使用Material Design进行错误检查,而无需为字段指定默认值?

我认为您可能没有在控制器中初始化ng模型变量

尝试初始化变量,
$scope.test=

我不知道你说的错误检查不起作用是什么意思,但第二种方法听起来像是正确的行为。如果所需属性为空且已编辑且未编辑,则当该字段存在时,该字段被标记为不正确。这样一来,表单一出现,必填字段就不会被标记为无效;在控制器中,只要我键入文本,例如:“hello”,那么我就不会验证。我需要先键入某个内容,然后删除它,然后再次键入某个内容,以便将其识别为true。因此,它在被触摸后被标记为不正确,而不是空的。您可以发布一个JSFIDLE/plunker来演示上述内容吗?我看到了一个稍微不同的行为。在我选择该字段进行编辑之前,该字段不会被标记为错误。一旦选中,它将被标记为错误,然后我才能在其中键入任何内容。一旦我输入,错误就会消失。我本以为错误不会出现,直到我选择,然后离开而不添加任何内容。
<md-input-container>
  <label>First Name (as it appears on your card)</label>
  <input type="text" name="firstName" data-ng-model="test" required/>
</md-input-container>
$scope.test = 'this value';