var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
var User = Gisele.Model.create({
id: { type: Number, readOnly: true },
name: String,
email: String,
active: { type: Boolean, default: false }
});
var bob = new User({
id: 1,
name: 'Bob',
email: 'bob@example.com'
});
$scope.user = bob;
});
<!DOCTYPE html>
<html ng-app="plunker">
<head>
<meta charset="utf-8" />
<title>AngularJS Plunker</title>
<link data-require="bootstrap@*" data-semver="3.3.5" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<script>document.write('<base href="' + document.location + '" />');</script>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.17/angular.js" data-semver="1.3.17"></script>
<script src="https://cdn.rawgit.com/darlanalves/gisele/v0.1.1/dist/gisele.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="MainCtrl">
<p>Hello {{user.name}}!</p>
<form ng-submit="user.$$.commit()" class="form">
<label>
Name:
<input type="text" ng-model="user.name" />
</label>
<br />
<label>
E-mail:
<input type="text" ng-model="user.email" />
</label>
<br />
<button class="btn btn-primary" type="submit" ng-disabled="!user.$$dirty">Save</button>
<button class="btn btn-default" type="button" ng-click="!user.$$.rollback()">Discard</button>
</form>
</body>
</html>
/* Put your css in here */