service - AngularJS ディレクティブと分離スコープ

Question

ビューレベルでバインドできるように、ディレクティブを介してデータを渡す方法を理解しようとしています。コントローラースコープとディレクティブの分離スコープの分離を理解していると思いますが、単純なjsonの結果を自分のビューに表示することはできません。私の JSFiddle はhttp://jsfiddle.net/jamesamuir/2KLVj/4/にあります。

app.directive('testList', function (testService) {
    return {
        restrict: 'A',

        link: function ($scope, element, attrs) {

            $scope.name = 'isolate scope';
            $scope.data = {};
            $scope.data.loadtext = testService.getJSON().then(function (data) {
                alert(data);
                element.addClass("red");

            });
        }
    }
});

これは機能するはずですが、残念ながら機能しません。どんな助けでも大歓迎です。

Answer 1

コールバック内で、次のようthen()に割り当てます。datadata.loadtext

testService.getJSON().then(function (data) {
   alert(data);
   element.addClass("red");
   scope.data.loadtext = data;
});

fiddle