如何在父作用域获得restful数据后在子作用域中运行函数

Question

我的页面有父和子范围。子作用域显示属于父作用域中数据的列表。

例如,

有一个有三个雇员的部门。部门位于父作用域中，员工在子范围中检索。

问题是父范围通过restful调用获取部门。然后，子范围调用另一个api来获取部门中的员工。

通过这样做，子范围需要知道父级的部门。但是，chlid作用域api调用通常在父部门获得该部门之前触发。因此，即使有员工，最终也不会有员工的离开。

我正在寻求解决这个问题的办法。

Answer 1

您可以在子范围内查看部门模型，只要从API中获得部门模型，就可以触发employee。

基本上就是我说的。

1. 将(绑定)部门模型传递到您的子范围。
2. 在子范围内观察部门模型。
3. 每当部门模型更改时，您都会得到回调，因此此时您可以触发员工请求。

另一种方法是，当您获得部门数据时，您可以广播该消息，并且您的子范围必须侦听此消息。

我希望这能解决你的问题。

Answer 2

那么利用承诺如何确保部门在员工之前就被抓走了呢？

我不知道您的代码是如何工作的，但是我的想法是，执行部门API调用的函数应该返回一个承诺，可以由子控制器使用。

myApp.controller('DepartmentCtrl', function($scope, $q){  
    $scope.department = '';

    $scope.getDepartment = function(){
        var deferred = $q.defer();

        // Here, we simulate an HTTP call or another asynchronous operation
        setTimeout(function(){
            $scope.department = 'AnAwesomeDepartment';
            deferred.resolve();
        }, 1500);

        return deferred.promise;
    }
});

myApp.controller('EmployeesCtrl', function($scope, $q){
    $scope.employees = [];

    $scope.getEmployees = function(){
        $scope.$parent.getDepartment().then(
            function(){
                $scope.employees = ['Mark', 'Jane', 'Lisa'];
            }
        );
    }

    // Get everything
    $scope.getEmployees(); 
});

这里有一个实现此代码的小小提琴。

当然，您可以考虑几个改进，例如在进入子状态之前缓存部门或如果您使用的是ui-路由器，请解析部门。