Slide 45 - To conclude about controllers...

snippet.html

<div id="mainApp" data-ng-controller="MainCtrl">
	Hello, {{currentUser.login}}
	<tabset>
		<tab heading="Mails" data-ng-controller="MailCtrl">
			<div>You have {{nbMails}} mail(s) in your box.</div>
		</tab>
		<tab heading="Profile" data-ng-controller="EditCtrl">
			<div>
				<input type="text" id="inputLogin" data-ng-model="tmpLogin"/>
				<button class="btn" data-ng-click="currentUser.login=tmpLogin;">Change login</button>
			</div>
		</tab>
	</tabset>
</div>

snippet.js

var MainCtrl = function($scope) {
	$scope.currentUser = { login: "BobSponge", 
		mail: "sponge@water.bloub", mails: null };
};

var MailCtrl = function($scope) {
	// Gets all user mails.
	$scope.currentUser.mails = [ { id: 1, content: "Test" }]; // TODO
	
	$scope.nbMails = $scope.currentUser.mails.length;
};

var EditCtrl = function($scope) {
	$scope.tmpLogin = $scope.currentUser.login;
	
	$scope.editLogin = function() {
		// TODO: update login.
	};
};