AngularRegisteredUser

by Prasad

HTML

<script src="http://code.angularjs.org/1.2.0-rc.2/angular.min.js"></script>
<h1 >Congratulations!!! You have created your account successfully</h1>

<ul ng-controller="ctrlRegisteredUser">
<li>Your User name is "{{model.Username}}"</li>
</ul>

CSS

body
{
	font-family:Calibri;
	color:#555;
}
h3
{
	font-weight:normal;
}
.name, .result
{
	color:#81AA58;	
	font-weight:600;
}
mark
{
	color:#00;
	background:#FFF;
	font-weight:600;
}
mark:before
{
	content:'"';
}
mark:after
{
	content:'"';
}
input
{
	box-shadow:none;
	border:none;
	border-bottom:1px solid #e0e0e0;
	padding:5px 6px;
	border-radius:3px;
	margin:5px 5px 0 5px;
	
}
input:last-child
{
	margin-right:0px;
}
input:focus
{
	box-shadow:inset 0px 0px 5px #e0e0e0;
	-webkit-box-shadow:inset 0px 0px 10px #e0e0e0;
	-webkit-appearance:none;
}
.strike
{
	text-decoration:line-through;
}
.bold
{
	font-weight:600;
}
.blue
{
	color:blue;
}
hr
{
	color:#8e8e8e;
	height:3px;
	border-top:none;
	border-radius:0px;
}
    .my-class-add, .my-class-remove {
    -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    -moz-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    -o-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    }
     
    .my-class,
    .my-class-add.my-class-add-active {
    color: red;
    font-size:3em;
    }
     
    .my-class-remove.my-class-remove-active {
    font-size:1.0em;
    color:black;
    }
.even
{
	color:green;
}
.odd
{
	color:#333;
}
a, a:hover, a:active
{
	color:#5099D8;
	text-decoration:none;
	margin-right:5px;
}
a:last-child
{
	margin-right:0;
}
.error
{
	color:#ff0000;
}

JavaScript

function ctrlTodo($scope, $filter) {
    $scope.model = { Username: "", ConfrimUser: "", Email: "" };	
	$scope.addText = function () {
	    var dd = $filter('json')($scope.model);
	    localStorage.setItem('SignupUserDetails', dd);
	    var tt = $scope.model;
	    var ddd = tt.Username;
		console.log(localStorage.getItem('SignupUserDetails'));
	}
}

function ctrlRegisteredUser($scope) {     
    var value = $.parseJSON(localStorage.getItem('SignupUserDetails'));
    $scope.model = value;	
	console.log( "$scope.model.Username: "+ $scope.model.Username + ", $scope.model.ConfrimUser: "+ $scope.model.ConfrimUser + ", $scope.model.Email: "+ $scope.model.Email);
}