diff options
| author | Misko Hevery | 2010-01-18 10:43:45 -0800 |
|---|---|---|
| committer | Misko Hevery | 2010-01-18 10:43:45 -0800 |
| commit | 86dd83fbd4118acfb01d9a1043f35af170843e8a (patch) | |
| tree | b0a40b8ffe8743e3e10569c3add0b1ebf031f7d9 /example | |
| parent | 27709c3f69384a7630aa336a1e73e730ea5f9790 (diff) | |
| download | angular.js-86dd83fbd4118acfb01d9a1043f35af170843e8a.tar.bz2 | |
tweeter demo
Diffstat (limited to 'example')
| -rw-r--r-- | example/business_card.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/example/business_card.html b/example/business_card.html new file mode 100644 index 00000000..cc45529f --- /dev/null +++ b/example/business_card.html @@ -0,0 +1,50 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> + <head> + <script type="text/javascript" src="../lib/underscore/underscore.js"></script> + <script type="text/javascript" src="../lib/jquery/jquery-1.3.2.js"></script> + <script type="text/javascript" src="../angular.js"></script> + <script type="text/javascript"> + $(document).ready(function(){ + var scope = angular.compile(document); + scope.set('tweetFor', function(username){ + scope.set('status', 'fetching'); + scope.set('tweets', []); + $.getJSON("http://twitter.com/statuses/user_timeline/"+username+".json", function(tweets){ + scope.set('tweets', tweets); + scope.set('status', ""); + scope.updateView(); + }); + scope.updateView(); + }); + scope.set('tweetHome', function(){ + scope.set('status', 'fetching'); + scope.set('tweets', []); + $.getJSON("http://twitter.com/statuses/home_timeline.json", function(tweets){ + scope.set('tweets', tweets); + scope.set('status', ""); + scope.updateView(); + }); + scope.updateView(); + }); + scope.updateView(); + scope.get('tweetHome')(); + }); + </script> + <style> + .loading {display: none;} + .fetching .loading {display: block;} + </style> + </head> + <body ng-class="status"> + <input type="button" ng-action="tweetHome()" value="User Timeline"/> <br/> + Fetch tweets for: + <input name="username"/> + <input type="button" ng-action="tweetFor(username)" value="Fetch"/> + <hr/> + <div class="loading">Loading...</div> + <ul> + <li ng-repeat="tweet in tweets"><img src="{{tweet.user.profile_image_url}}"/>[{{tweet.user.screen_name}}]: {{tweet.text}}</li> + </ul> + </body> +</html> |