Skip to content

Instantly share code, notes, and snippets.

<button ng-disabled='loginForm.$invalid'>Login</button>
<button ng-click='loginForm.$setPristine()'>Clear</button>
<div>
<h3>Some form properties</h3>
<div>The form is valid: {{loginForm.$valid}}</div>
<div>The form is invalid: {{loginForm.$invalid}}</div>
<div>The form is dirty: {{loginForm.$dirty}}</div>
<div>The form is pristine: {{loginForm.$pristine}}</div>
</div>
<div ng-show='loginForm.userName.$invalid && loginForm.userName.$dirty'
class='error'>
Must enter user name.</div>
@gnschenker
gnschenker / gist:f3cab36e9afe99eb06cb
Created August 22, 2014 04:24
17-basic-angular-page.html
<!DOCTYPE html>
<html>
<head>
<title>ng-grid Sample</title>
</head>
<body ng-app="app" ng-controller="MainController">
<script src="bower_components/angular/angular.js"></script>
</body>
</html>
@gnschenker
gnschenker / 17-basic-angular-module.js
Created August 22, 2014 04:30
Basic angular module
var app = angular.module("app", []);
app.controller("MainController", function($scope){
});
@gnschenker
gnschenker / gist:fd2e8acfb68d8954f0ef
Created August 22, 2014 04:44
17-the-ng-grid-directive.html
<div class="gridStyle" ng-grid="gridOptions"></div>
@gnschenker
gnschenker / gist:ab2cbca65edf44f466ed
Created August 22, 2014 04:47
17-grid-style.css
.gridStyle {
border: 1px solid rgb(212,212,212);
width: 400px;
height: 300px
}
@gnschenker
gnschenker / gist:76dc0b1d8bf78618926d
Created August 22, 2014 04:49
17-refering-css.html
<link rel="stylesheet" type="text/css" href="app.css">
$scope.myData = [{name: "Moroni", age: 50},
{name: "Tiancum", age: 43},
{name: "Jacob", age: 27},
{name: "Nephi", age: 29},
{name: "Enos", age: 34}];
$scope.gridOptions = { data: 'myData' };