次のような入力フォームがあります。
<form name="userForm">
<md-input-container>
<label>Username</label>
<input name="username" ng-model="userLogin.username" required>
<div ng-messages="userLogin.username.$error" ng-show="userLogin.username.$dirty">
<div ng-message="required">This is required!</div>
</div>
</md-input-container>
</form>
<div layout="row" layout-align="center">
<md-button class="md-raised md-primary md-padding button-margin" ng-click="handleLoginResult()" ng-disabled="!userForm.$valid">Login</md-button>
</div>
問題は、入力フィールド (= ユーザーの操作) に何も書き込まない限り、userLogin.username変数が $scope に表示されないことです (Chrome 開発コンソール用の AngularJS のアドオンを使用しています)。実際、印刷しようとするとエラーが発生します(userLoginが定義されていません>>ユーザー名を読み取れません)。
どんな手掛かり?