AngularJS：指令仅在范围模型更新后启动

Question

我有一个问题：

在我的应用程序中，我从服务器获取了一些数据，我使用这个颜色选择器：

http://jsfiddle.net/LAJCa/190/

我需要在我的控制器从服务器获取一些数据之后运行这个颜色选择器...

我这样尝试（在指令中）：

        scope.$watch('renderColor', function(newValue) {
          if (newValue){
            input.spectrum(options);
          }
        });

在控制器中我有：

 $scope.colorHex = '#ffffff';

 myService.getColor().then(function(response) {
   $scope.colorHex = response.ColorHex;
   $scope.renderColor = true;
 });

但它仍未使用新的scope.colorHex值运行，需要'#ffffff'...

只有当我把它包装成超时（例如在1秒内） - 这是有效的，但这是一个不好的做法......

从服务器获取一些数据后，哪种方式最好运行并更新我的指令？

$scope.colorHex - 这个值不想改变......