Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html ng-app="MyApp">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <div class="first" ng-controller="SubRedditController as subreddit">
​
   <ul class="list-group">
      <li class="list-group-item" ng-repeat = "tag in subreddit.tags">
        <a href="javascript:void(0);" ng-click="subreddit.getTagAssociatedData(tag)" target="_blank">{{tag.data.url}}</a>
        
      </li>
     
     <ul>
        <li class="list-group-item" ng-if="subreddit.full_description">
        {{subreddit.full_description.description}}
        <button class="btn btn-success btn-block" ng-click="subreddit.getTagAssociatedData(tag);">Load Feeds...</button>
      </li>
     </ul>
  </div>
 
</body>
</html>
 
button{background:red;}
 
var app = angular.module('MyApp', []);
​
app.controller('SubRedditController',     function SubRedditController(subRedditService) {
        var vm = this;
        subRedditService.getSubReddits()
            .then(function(data) {
                var tags = data.data.children;
                vm.tags = tags;
                vm.test = vm.tags[0].data.description;
                
        });
        vm.getTagAssociatedData = function(data) { 
            var full_description = data.data;
            vm.full_description = full_description; 
          console.log(data);
        } 
    });
​
​
app.service('subRedditService', function subRedditService($http, $q) {
        return {
            getSubReddits: function(tag) {
                var deferred = $q.defer();
                var url = 'https://www.reddit.com/subreddits/.json';
                $http.get(url)
                        .success(function(data) { 
                            deferred.resolve(data); 
                        })
                        .error(function(data) {
                            deferred.reject(data);
                        })
                    return deferred.promise;    
            }
​
        }
​
    });
​
​
​
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers