javascript - 如何在 'controller' 中更新 'directive' 的值？

Question

我写了一个“对话”指令用于测试，但我不知道如何在指令中更新来自 Controller 的值

app.controller('testController',function($scope){
    $scope.testValue = 'testing';
});

app.directive('testDirectvie',function(){
    return function(scope,element,attr){
         // this func will open the modal window,
         //  so how can I can the testValue from controller?Thx all
    };
});

Answer 1

如果添加了 testDirective 的元素在 testController 内部(例如 <div ng-controller="testController"><span test-directive=""></span></div> )，那么只需直接从指令访问作用域即可。

app.directive('testDirective',function(){
    return function(scope,element,attr){
        scope.testValue = "New value";
    };
});

一个例子 - http://plnkr.co/edit/lN05YDr4bckrBRPiHyT7?p=preview

如果 testDirective 超出了 testController 的范围，那么您将需要编写一个共享服务，您可以将其注入(inject)到两者中以共享数据。

Controller 和指令共享的服务示例 - http://plnkr.co/edit/lN05YDr4bckrBRPiHyT7?p=preview