Angular: Scope inheritance

http://angularjs.org/

by sjmcpherson

HTML

<div ng-controller="MyCtrl">
    <div ng-model="childArr.selectedItem" ng-repeat="player in childArr">
          <h3>{{player.name}}</h3>
    </div>     <br/><br/>    <div ng-model="test.parentArr.selectedItem" ng-repeat="player in test.parentArr">
          <h3>{{player.name}}</h3>
    </div>     
    
    
    <br/><br/>
    ChildVar = {{childVar}}
    <br/>
    ParentVar = {{test.parentVar}}
 </div>

JavaScript

var myApp = angular.module('myApp', []);



function MyCtrl($scope, $rootScope) {
    $scope.test =[];
    $scope.childArr = [{'name':'peter'},{'name':'paul'},{'name':'perry'}];
    $scope.childArr.selectedItem=[];
    $scope.test.parentArr = angular.copy($scope.childArr);
    $scope.test.parentArr.push({'name':'Why am I in now in the Child Arrary?'}) 
    $scope.childArr.push({'name':'doug'})
    

}