Welcome aboard! We are happy you are here and wish you good net-raft!
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="//code.angularjs.org/snapshot/angular.min.js"></script>
</head>
<body ng-app="myScope">
<div>
<div ng-controller="myController">
Hello {{mylang}}!
</div>
<div ng-controller="ListController">
<ol>
<li ng-repeat="mylang in mylangs">{{mylang}} from {{mainclass}}</li>
</ol>
</div>
</div>
<script>
(function(angular) {
'use strict';
angular.module('myScope', [])
.controller('myController', ['$scope', '$rootScope', function($scope, $rootScope) {
$scope.mylang = 'All';
$rootScope.mainclass = 'javascript';
}])
.controller('ListController', ['$scope', function($scope) {
$scope.mylangs = ['jquery', 'angularjs', 'backbonejs'];
}]);
})(window.angular);
</script>
</body>
</html>
The most helpful ANGULARJS solutions