Solution 1 :
var app = angular.module('angularjs-starter', []);
app.controller('MainCtrl', function($scope, Session) {
$scope.name = 'World';
$scope.session = Session;
});
app.run(function(Session) {}); //bootstrap session;
app.factory('Session', function($http) {
var Session = {
data: {},
saveSession: function() { /* save session data to db */ },
updateSession: function() {
/* load data from db */
$http.get('session.json')
.then(function(r) { return Session.data = r.data;})
}
};
Session.updateSession();
return Session;
});
session.json
------------
{
"username": "John Smith"
}
HTML PART
----------------
<body ng-controller="MainCtrl">
<h1>Hello {{name}}</h1>
Session object:
<pre ng-bind='session.data | json'></pre>
</body>
var app = angular.module('angularjs-starter', []);
app.controller('MainCtrl', function($scope, Session) {
$scope.name = 'World';
$scope.session = Session;
});
app.run(function(Session) {}); //bootstrap session;
app.factory('Session', function($http) {
var Session = {
data: {},
saveSession: function() { /* save session data to db */ },
updateSession: function() {
/* load data from db */
$http.get('session.json')
.then(function(r) { return Session.data = r.data;})
}
};
Session.updateSession();
return Session;
});
session.json
------------
{
"username": "John Smith"
}
HTML PART
----------------
<body ng-controller="MainCtrl">
<h1>Hello {{name}}</h1>
Session object:
<pre ng-bind='session.data | json'></pre>
</body>
EmoticonEmoticon