0

次のような入力フォームがあります。

<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が定義されていません>>ユーザー名を読み取れません)。

どんな手掛かり?

4

1 に答える 1