I have 4 controllers in my Angular 1.x app:

1. houseController
2. apartmentController
3. addressController
4. contactInfoController

With **addressController** & **contactInfoController** I update the address and contact info of a house or an apartment.

I work in the following way:

```
<div ng-controller="houseController" ng-init="getHouseInformation()>
    {{house.contact_info.email}}
    {{house.contact_info.mobile_phone_number}}

    <a ng-controller="contactInfoController" ng-click="showContactInfoEdit(house.contact_info.id)">Edit</a>
</div>

```

When the update of the contact information is successfull within the contactInfoController, I want to update the house information `getHouseInformation()` in the houseController (read: make a new call to the API to get the updated information).

Since I have more than one (and in the future even more) house/apartment/... controllers, I need to have a solid way on how to 'refresh' the scope of these apartments, houses, ... on the fly.

What would be the best solution in my case?

Edit:

My scopes look like this:

```
// in houseController

$scope.house = {
    id : 1,
    title : "House title",
    contact_info : {
        email: '',
        mobile_phone_number : ''
    }
}

// in apartmentController

$scope.apartment = {
    id : 1,
    title : "Apartment title",
    contact_info : {
        email: '',
        mobile_phone_number : ''
    }
}

// in contactInfoController

$scope.contact_info : {
    email: '',
    mobile_phone_number : ''
}

```

So when updating the contact information scope, I'm not directly changing the house scope... Hope this helps.