Item: ng-messages without form
Rating: 3.4
Author: 1kohei1

0 Downloads
39 Views
Tweet
Download Now View Demo

HTML
CSS
JavaScript

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>ng-messages without form</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdn.rawgit.com/angular/bower-material/v0.10.0/angular-material.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div ng-controller="AppCtrl" layout="column" class="inputdemoErrors" ng-app="MyApp">
    <div layout-padding>
      <md-input-container flex>
        <label>External Link</label>
        <input type="text" ng-model="sample" required/>
        <div ng-messages="{'required': !sample}">
          <div ng-message="required">Please enter the External Link</div>
        </div>
      </md-input-container>
    </div>

</div>
  <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-animate.min.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-route.min.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-aria.min.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular-messages.min.js'></script>
<script src='https://cdn.rawgit.com/angular/bower-material/v0.10.0/angular-material.js'></script>
<script src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-114/assets-cache.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>


/*Downloaded from https://www.codeseek.co/1kohei1/ng-messages-without-form-NqBryQ */
.inputdemoErrors .inputErrorsApp {
  min-height: 48px; }


/*Downloaded from https://www.codeseek.co/1kohei1/ng-messages-without-form-NqBryQ */
angular.module('MyApp')
.controller('AppCtrl', function($scope) {

});

Comments

More from 1kohei1

ng-messages without form

In this example below you will see how to do a ng-messages without form with some HTML / CSS and Javascript

Technologies

Comments

More from 1kohei1

SVG.js playground

RxJS playground

RxJS drag capture drag complete

Observable connect

You Might Also Like

New Personal Website [WIP]

A Pen by Koussay Fridhi

Build A Recipe Box (ReactJS)

A Pen by tim.blake@warwicksu.com

A Pen by Michael Webb

Responsive columns

A Pen by robert

A Pen by Devin