ngMessage / ngMessages不起作用，AngularJS

Question

我正在尝试使用ngMessages和ngMessage指令验证电话号码，但我遇到两个问题：

1. “无效输入”消息仅显示 符合模式的表达式并且用户继续输入。
2. 当输入为空时，不显示“required”消息。

我想在用户开始输入后立即显示“无效输入”，而不仅仅是在满足模式后显示。

我不明白我的代码有什么问题，所以我很感激任何帮助。

<form name="PhoneForm">
    <div>
        <md-icon md-svg-src="icons/ic_phone_48px.svg"></md-icon>
        <md-input-container>
            <label>Phone</label>
            <input ng-model="contactPhone" name="PhoneInput" required ng-pattern="/^(05){1}[0-9]{8}$/"/> <!-- i.e 05x-xxxxxxx -->
            <div ng-messages="PhoneForm.PhoneInput.$error" ng-if="PhoneForm.PhoneInput.$dirty">
                <div ng-message="required">This field is required!</div>
                <div ng-message="pattern">Invalid Input!</div>                         
            </div>
        </md-input-container>
    </div>

谢谢