Breaking News: Grepper is joining You.com. Read the official announcement!

AngularJs - Display Validation Message within Component

SAMER SAEID answered on May 11, 2022 Popularity 3/10 Helpfulness 1/10

answer AngularJs - Display Validation Message within Component

AngularJs - Display Validation Message within Component

Comment

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular-messages.js"></script>

<body ng-app="DemoApp">
  <form name="dummy">
    <bloglist></bloglist>
  </form>
</body>
<script src="/scripts/vendors/angular-messages/angular-messages.js"></script>
<script type="text/ng-template" id="my.html">
  <div ng-form="directiveForm">
    <input type="text" name="first" ng-model="sample" required/>
    <pre>{{ directiveForm.first.$error | json }}</pre>
    <div ng-messages="directiveForm.first.$error" style="color:maroon" role="alert">
      <div ng-message="required">You did not enter a field</div>
    </div>
  </div>
</script>


<script>
  angular.module("DemoApp", ['ngMessages'])
    .component('bloglist', {
      templateUrl: 'my.html',
      controller: function($scope) {

      }
    });
</script>

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: angularjs display javascript message validation

Link to this answer
Share Copy Link

Contributed on May 11 2022

SAMER SAEID

0 Answers Avg Quality 2/10

AngularJs - Display Validation Message within Component

Contents

More Related Answers

AngularJs - Display Validation Message within Component

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.