AngularJS Example

by choroshin

HTML

<div ng-app="App">
<div ng-controller="ItemsController">
    <ul ng-repeat="item in items">
        <li><a href ng-click="addIssue(item)">{{item}}</a></li>
    </ul>
</div>

<div ng-controller="IssuesController">
    <ul ng-repeat="issue in issues track by $index">
        <li>{{issue}}</li>
    </ul>
</div>
</div>

CSS

</style> <!-- Ugly Hack to make remote files preload in jsFiddle --> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.8/angular.min.js"></script>

JavaScript

angular.module('App', []);

function ItemsController($scope){
    $scope.items=["item1","item2","item3","item4"];
}
function IssuesController($rootScope,$scope){
    $scope.issues=["issues1","issues2","issues3","issues4"];
    $rootScope.addIssue=function(item){
     $scope.issues.push(item);        
    }  
}