ngMessages

ngMessages 用於增強在檢視中顯示驗證訊息的樣式。

傳統方法

在 ngMessages 之前，我們通常使用 Angular 預定義指令 ng-class 顯示驗證訊息。這種方法是垃圾和 repetitive 任務。

現在，通過使用 ngMessages，我們可以建立自己的自定義訊息。

例

Html：

<form name="ngMessagesDemo">
  <input name="firstname" type="text" ng-model="firstname" required>
  <div ng-messages="ngMessagesDemo.firstname.$error">
    <div ng-message="required">Firstname is required.</div>
  </div>
</form>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.16/angular-messages.min.js"></script>

JS：

var app = angular.module('app', ['ngMessages']);

app.controller('mainCtrl', function ($scope) { 
    $scope.firstname = "Rohit";
});