Angularjs 无法获取要验证的消息

我已经通过npm安装了angular消息，并将ngMessages传递给我的应用程序。 我将该指令添加到部分html中，但%错误为空

模板：

<div ng-controller='friendsController'>
    <form>
        <table id='friendForm'>
            <tr>
                <td><input type='text' name='fname' ng-model='newFriend.fname' required/></td>
                <td>First Name</td>
            </tr>
            <tr>
                <td><input type='text' name='lname' ng-model='newFriend.lname' required/></td>
                <td>Last Name</td>
            </tr>
            <tr>
                <td><input type='date' name='bday' ng-model='newFriend.bday' required/></td>
                <td>Birthday</td>
            </tr>
            <tr>
                <td><input type='submit' value='Create' ng-click='addFriend()'/></td>
            </tr>
        </table>

        <pre>friendForm.fname.$error = {{ friendForm.fname.$error.required | json }}</pre>

        <div ng-messages='friendForm.fname.$error' style='color:red' role='alert'>
            <p ng-message='required'>First Name is Required</p>
        </div>
        <div ng-messages='friendForm.lname.$error'>
            <p ng-message='required'>Last Name is Required</p>
        </div>
        <div ng-messages='friendForm.bday.$error'>
            <p ng-message='required'>Birthdate is Required</p>
        </div>
    </form>
</div>

名字
姓
生日
friendForm.fname.$error={{{friendForm.fname.$error.required | json}}
需要名字
姓氏是必需的
需要生日

您需要为您的

提供

friendForm

的

名称

属性，因为您正在尝试引用表单，即

friendForm.fname.$error

摘自：

表单是FormController的一个实例。表单实例可以 可以选择使用name属性发布到范围中

类似地，具有ngModel指令的输入控件持有 NgModelController的实例。这样的控件实例可以是 使用name属性作为表单实例的属性发布 在输入控件上。“名称”属性用于指定文件的名称 窗体实例上的属性

这意味着窗体和控件的内部状态 可在视图中使用标准绑定进行绑定 原语

下面是使用name属性的代码

//app.js
（功能（）{
"严格使用",；
模块（'app'，['ngMessages']）；
})();
//main.controller.js
（功能（）{
"严格使用",；
角度。模块（'app'）。控制器（'friendsController'，friendsController）；
friendsController.$inject=[]；
函数friendsController（）{
}
})();

名字
姓
生日
friendForm.fname.$error={{{friendForm.fname.$error.required | json}}
需要名字
姓氏是必需的
需要生日