Untitled

<html ng-app="webcampApp">
    <body ng-controller="demoController">
        <div reddit-thread topic="reddit.data.children[0]">
        </div>

        <!-- bower:js -->
        <script src="bower_components/jquery/dist/jquery.js"></script>
        <script src="bower_components/angular/angular.js"></script>
        <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
        <!-- endbower -->

        <script>
            angular.module('webcampApp', []);

            angular.module('webcampApp').controller('demoController', function($scope, $http){

                    $http({
                        method: 'GET',
                        url: 'http://www.reddit.com/hot.json'
                    }).success(function(response){
                        console.log(response);

                        $scope.reddit = response;
                    });
            });

            angular.module('webcampApp').directive('redditThread', function() {
                return {
                    scope: {
                        topic: '='
                    },
                    template: '<div><h3>{{ topic.data.title }}</h3> <img ng-src="{{ topic.data.thumbnail }}" /> </div>'
                };
            })
        </script>
    </body>
</html>