<body ng-app='MainApp'>
<div ng-controller='MainCtrl'>
<div>
<div>Parent Input</div>
<input type='text' ng-model='text' />
<div>{{text}}</div>
<div ng-controller='MainCtrl2'>
<div>Child Input</div>
<input type='text' ng-model='text' />
<div>{{text}}</div>
</div>
</div>
</div>
</body>var mainMod = angular.module('MainApp', []);
mainMod.controller('MainCtrl', ['$scope',
function ($scope) {
}
]);
mainMod.controller('MainCtrl2', ['$scope',
function ($scope) {
}
]);
External CSS
This Pen doesn't use any external CSS resources.