Inheritance for scopes in AngularJS

Question

In a parent controller scope, I have defined selectedItem which is set to \'x\'. Then in the child scope, I have defined selectedItem using ngModel

Answer 1

I've noticed in similar cases that AngularJS does not watch selectedItem properly. The only way I found is to initialize selectedItem with an entry from the items array. Try the following:

function CtrlA($scope) {
    $scope.items = ['x', 'y'];
    $scope.selectedItem = $scope.items[0];
}