另一个控制器中的AngularJS调用方法[重复]

Question

为了简化它。 我有 3 个带有项目列表的选项卡。 （国家、城市、街道）。在我的应用中，这些是不同的东西，但这是为了简化它。

在这 3 个选项卡中，我列出了所有计数、城市和街道。我为每个选项卡设置了单独的控制器。 CountryController、CityController 和 StreetController。

我想要达到的目标。 当用户在第一个选项卡中单击国家时，我不想调用 CitiesControlelr 中的函数，该函数将返回给定国家/地区的所有城市。当您点击 City 时，我想调用 StreetController 中的函数，该函数将返回该城市的所有街道。

如何实现控制器之间的这种“通信”？正确的制作方法是什么？

Answer 1

您可以将一个对象放在所有控制器范围的父范围内，以存储选定的值。

<div ng-init="current = {}">
    <div ng-controller="CountryController as countryCtrl">
        <select ng-options="country.code as country.label for country in countryCtrl.countries" 
                ng-model="current.country">
        </select>
    </div>
    <div ng-controller="CityController as cityCtrl">
        <select ng-options="city.code as city.label for city in cityCtrl.countriesFor(current.country)"
                ng-model="current.city">
        </selected>
    </div>

</div>