材料设计角度输入要求

Question

Does Angular Material Design require an input ng-model to be equal to a variable in order for required to work?

Without using Material Design, the following error checking works perfectly fine.

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

Using Material Design though, the following always returns invalid unless the user types something, deletes it, and types something else.

<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>

However, I set test equal to something in the scope, then error checking works fine:

$scope.test = 'this value';

Is there a way to error check using Material Design without needing to specify a default value for fields?

Answer 1

I think you might not have initialized the ng-model variable in the controller.

Try initializing the variable, $scope.test = '';