javascript - AngularJS - 指令范围中无法访问范围值

Question

FIDDLE

我创建了一个指令:-

return {
        restrict: 'EAC',
        scope: {
            statesActive: '='
        },            
        link: function (scope, element, attrs) {
        var stateData = scope.statesActive.states; // Don't get data here
        ....
}

我的 HTML :-

<gt-map states-active="states"></gt-map>

Controller :-

$scope.statesList = function () {
        var query = {
            status: 'active'
        }

        StatesList.query(query).$promise.then(function (states) {
            $scope.states = states;
        });
    };

我在这样的状态下获取数据:-

$scope.states = "{states:[{ 'state' : 'CA', 'color' : '#61c419']}";

如何获取指令中的Controller范围值？

-----已添加-----

这是我在指令中的 console.log(scope) 中看到的:-

Answer 1

return {
        restrict: 'EAC',
        scope: {
            statesActive: '='
        },            
        link: function (scope, element, attrs) {
        var stateData = angular.fromJson(attrs.statesActive).states; // Probably, your "states" model here
        ....
}