Директива Update Scope После контроллера обслуживания вызовов

Question

У меня есть контроллер, который вызывает службу, которая выполняет http.get

app.controller('myController', function ($scope, mService) { 

    $scope.chair; 

    myService.getData().then(function (data) { 
     $scope.chair = data.chairID; 
    }); 

}); 

В пределах объема контроллера в $, у меня есть директивы, для которого я пытаюсь передать значение $ scope.chair:

<section ng-controller="mycontroller"> 

    <my-directive data-chair="chair"></my-directive> 

</section> 

И в myDirective.js

restrict: 'E', 
replace: true, 
templateUrl: 'app/some-file.html', 
scope: { 
    chair: '=' 
}, 
controller: [ '$scope', function ($scope) { 
    alert('got chair : ' + $scope.chair); 
    .... 

Однако с вышесказанным, я вижу undefined при оповещении («стул:« + $ scope.chair »);

В-регулятора, если я жёстко стул:

app.controller('myController', function ($scope, mService) { 

    $scope.chair = 'hello'; 

    myService.getData().then(function (data) { 
     $scope.chair = data.chairID; 
    }); 

}); 

Моя директива будет отображаться hello.

Answer 1

Это должно работать:

.directive('myDirective', function() { 
    return { 
    restrict: 'E', 
    replace: true, 
    templateUrl: 'app/some-file.html', 
    scope: { 
     chair: '=' 
    }, 
    link: function(scope, element, attrs) { 
     alert('got chair : ' + scope.chair); 
    } 
    } 
}); 

Answer 2

«Стул» внутренняя переменная не может быть установлен при попытке доступа к нему в директиве. Также кажется, что вы загружаете значение асинхронно через вашу службу.

Вам необходимо прикрепить часы в своей директиве. Обратный вызов, который вы передаете часам, будет вызываться на следующей угловой фазе $ digest после изменения значения переменной сферы.

... 
controller: [ '$scope', function ($scope) { 
    $scope.$watch('chair', function(chairValue) { 
     if (chairValue === undefined) return; 

     // There is a value. 
     alert('got chair : ' + $scope.chair); 
    }); 
}] 

Этот код приведет к функции обратного вызова вызывается каждый раз, когда изменяется значение.

Если вы не хотите обрабатывать изменения значений, очистите часы после того, как значение будет стабильным (отличается от undefined). Это приведет к повышению производительности, если у вас есть сложные виды со многими связями и часами.

... 
controller: [ '$scope', function ($scope) { 
    var unwatch = $scope.$watch('chair', function(chairValue) { 
     if (chairValue === undefined) return; 

     // There is a value. 
     alert('got chair : ' + $scope.chair); 
     unwatch(); 
    }); 
}]