javascript - 指令代码在 Controller 代码之前执行

Question

我创建了一个像我这样使用的指令:

<div car-form car="car" on-submit="createCar(car)"></div>

我在创建的新页面和编辑页面上都使用指令。他们有自己的 Controller 。在 EditCarController 中，我从我创建的 RESTful Web 服务中检索汽车。我还为指令分配了一个 Controller 函数(在指令的配置对象中)，我在其中根据汽车等设置了一些类别......但是!

由于汽车是从页面 Controller 异步加载的，因此当指令 Controller 代码开始运行时，它并不总是(随机)加载。我该如何解决这个问题？我需要确保传递给指令的汽车已加载。

Answer 1

您可以在指令的 Controller 中使用 $watch 来了解数据何时从服务器返回。像这样的事情:

$scope.$watch("car", function(newVal) {
    if (angular.isDefined(newVal)
    {
         //get stuff based on car (newVal)
    }
});

$watch 将传入 undefined 直到数据从服务器返回，此时您可以对该对象执行任何您需要的操作