Docs4dev
Docs
angularjs / 1.6 / api / ngmessages / directive / ngmessage.html

Improve this Doc View Source ngMessage

  1. directive in module ngMessages

Overview

ngMessage is a directive with the purpose to show and hide a particular message. For ngMessage to operate, a parent ngMessages directive on a parent DOM element must be situated since it determines which messages are visible based on the state of the provided key/value map that ngMessages listens on.

More information about using ngMessage can be found in the ngMessages module documentation.

Directive Info

  • This directive creates new scope.
  • This directive executes at priority level 1.

Usage

<!-- using attribute directives -->
<ANY ng-messages="expression" role="alert">
  <ANY ng-message="stringValue">...</ANY>
  <ANY ng-message="stringValue1, stringValue2, ...">...</ANY>
</ANY>

<!-- or by using element directives -->
<ng-messages for="expression" role="alert">
  <ng-message when="stringValue">...</ng-message>
  <ng-message when="stringValue1, stringValue2, ...">...</ng-message>
</ng-messages>

Arguments

Param Type Details
ngMessage | when expression

a string value corresponding to the message key.

© 2010–2018 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://code.angularjs.org/1.6.9/docs/api/ngMessages/directive/ngMessage