Untitled

var app = angular.module('app', []);
app.controller('ctrler', ['$scope', '$http', function ($scope, $http) {
        $scope.magic = function () {
                thepost = $http.post('api/', {action: "hello"}).
                success( function (data) {
                        $scope.tops = data;
                }).
                error( function (data) {
                        console.log('fail');
                })
        }
}]);
app.directive('toplist', function ($compile) {
        return {
                restrict: 'A',
                replace: true,
                link: function ($scope, ele, attrs) {
                                $scope.poasts = ele;
                                $scope.$watch( function (qdata) {
                                        ele.html($compile(angular.element("<div ng-repeat='p in tops'>{{ p.topic }}</div>"))($scope));
                                })
                }
        }
})