Hot Towel Angular數據顯示在驗證期間不起作用

Question

大家好，有人試過在Hot Towel模板中使用angularjs進行驗證嗎？

基本上我在我的角度控制器中有一個屬性，在我的視圖中綁定（雙向）。

我只想做一個簡單的必需驗證，然后用消息顯示<span>元素。

這是我的控制器代碼

(function () {
    'use strict';
    var controllerId = 'login';
    angular.module('app').controller(controllerId, ['$scope', 'common', 'userservice','$location', login]);

    function login($scope, common, userservice, $location) {
        var getLogFn = common.logger.getLogFn;
        var log = getLogFn(controllerId);

        var vm = this;
        vm.title = 'Login';

        //view model for credentials
        vm.email = null; 
        activate();

        function activate() {
            common.activateController([], controllerId)
                .then(function () { log('Activated Login View'); });
        }

    }
})();

這是我的觀點

<div data-ng-controller="login as vm">
    <form name="loginform" id="loginform" novalidate data-ng-submit="loginuser()">
        <fieldset>
            <legend>Login</legend>
            <p>
                <label>Email</label>
                <input type="email" data-ng-model="email" placeholder="Email" required />
                <span  data-ng-show="loginform.email.$error.required">*</span>
            </p>


        </fieldset>
    </form>
</div>

我不知道問題是什么，但<span>只是不會顯示。 我錯過了什么嗎？

Answer 1

您必須為輸入電子郵件設置“名稱”屬性：

<input type="email" name="email" data-ng-model="email" placeholder="Email" required />

對於表單的每個字段，angularjs將設置一個值，如：loginform [name-attribute]。

為了您的信息，只有在觸發了必要的錯誤時（當您的電子郵件不為空時，您的范圍將被隱藏），您的范圍才會顯示。

[編輯]看到這個小提琴： http ： //jsfiddle.net/k82at