Angularjs 角度正则表达式未在输入框上验证

为什么我的正则表达式没有被触发？未输入任何内容时，将显示第一条错误消息“请输入长度”。如果我为“longtudity”输入了明显错误的值，则不会显示错误消息

<div class="row">
    <div class="col span-1-of-3">
        <label for="name">Longtitude</label>
    </div>
    <div class="col span-2-of-3">
        <input type="text" ng-pattern="/^[-+]?(180(\.0+)?|((1[0-7]\d)|([1-9]?\d))(\.\d+)?)$/" ng-model="report.lon" name="lon" id="longtitude" placeholder="Enter the longtitude" required />
    </div>
    <div ng-messages="submitReport.lon.$error" ng-if="submitReport.lon.$dirty">
            <div ng-message="required">Please enter the longtitude</div>
            <div ng-message="lon">Your longtitude is invalid</div>
    </div>
    <div ng-show="submitReport.lon.$error.pattern" ng-if="submitReport.lon.$dirty">
            <div ng-message="required">Please enter the longtitude</div>
            <div ng-message="lon">Your longtitude is invalid</div>
    </div>                                                      
</div>

冗长
请输入长度
你的长篇大论是无效的
请输入长度
你的长篇大论是无效的

这对我很有用：

另外，请注意您的经度拼写不正确

编辑

代码中的问题是

您的经度无效

应该是

您的经度无效

对我有效：

另外，请注意您的经度拼写不正确

编辑

代码中的问题是

您的经度无效

应该是

---

您的经度无效

，而您的经度的计算结果为真/假，它不会显示错误消息，因此您也有同样的问题。公平呼叫。我没有包含ngMessages的脚本库，也没有将其包含在模块的数组中。我已经更新了plunk，所以它可以正常工作，非常奇怪。到目前为止，如果我执行

您的经度无效

控制器中没有任何异常，只有几个函数，那么我只能得到显示的消息。表单名称也正确。在发布更多代码之前，我会考虑更长的时间。您是否在module-angular.module（'ngPatternExample'，['ngMessages']）中包含了ngMessages库？如果您必须使用ng show，则该库似乎根本没有运行。这就是核心AngularAnd链接到HTML头中的单独库？虽然您的计算结果为true/false，但它不会显示错误消息，因此您也有相同的问题。公平调用。我没有包含ngMessages的脚本库，也没有将其包含在模块的数组中。我已经更新了plunk，所以它可以正常工作，非常奇怪。到目前为止，如果我执行

您的经度无效

控制器中没有任何异常，只有几个函数，那么我只能得到显示的消息。表单名称也正确。在发布更多代码之前，我会考虑更长的时间。您是否在module-angular.module（'ngPatternExample'，['ngMessages']）中包含了ngMessages库？如果您必须使用ng show，则该库似乎根本没有运行。这就是核心AngularAnd链接到HTML头部中的独立库吗？