Blog- AngularJS-parent-child-scope

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
<div ng-app>
    <div ng-controller="Parent">
        conflicted = {{conflicted}} <br/>
        search.terms = {{search.terms}} <br/>
        <div ng-controller="Child">
            conflicted = {{conflicted}}<br/>
            search.terms = {{search.terms}}<br/>
            <br>
            conflicted: <input ng-model='conflicted'><br>
            search.terms: <input ng-model='search.terms'><br>
        </div>
    </div>
</div>

JavaScript

function Parent($scope) {
    $scope.conflicted ='test';
    $scope.search = {
        terms: 'test',
    }
}

function Child($scope) {

}