angular input directive

by Richard Hunter

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.1/angular.min.js"></script>
<div ng-controller="myFormCtrl">
    <h1 ng-bind="title"></h1>
    <form name="myform" ng-submit="submit()" novalidate>
        <label>name:
            <input ng-model="user.name" name="userName" type="text" required >
            <span ng-show="myform.userName.$error.required" class="error">you must put something in here</span>
        </label>
            <button type="submit">submit</button>
      
    </form>
</div>

CSS

.error {
    color : red;
}

JavaScript

angular.module('myapp', [])
.controller('myFormCtrl', function($scope) {
    $scope.title = 'angular input directives';
    
    $scope.submit = function() {
        console.log('submitting form', arguments);
    }
    $scope.user = {
       
    };
});

angular.bootstrap(document, ['myapp']);