example/buzz/buzz.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns:ng="http://angularjs.org">
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
    <!--script type="text/javascript" src="http://angularjs.org/ng/js/angular-debug.js#autobind"></script-->
    <script type="text/javascript" src="../../src/angular-bootstrap.js#autobind"></script>
    <script type="text/javascript" src="buzz.js"></script>
    <link rel="stylesheet" type="text/css" href="buzz.css"/>
  </head>
  <body ng:init="$window.$root = this" ng:controller="BuzzController">
  <div class="bar">
    <span>&lt;angular/&gt; Buzz</span>
    <input type="text" name="userId" ng:required/>
    <button ng:click="$location.hashPath = userId">fetch</button>
  </div>
  <ul class="buzz">
    <li ng:repeat="item in activities.data.items">
      <h1>
        <img src="{{item.actor.thumbnailUrl}}"/>
        <a href="{{item.actor.profileUrl}}">{{item.actor.name}}</a>
      </h1>
      <div>
        {{item.object.content | html}}
        <a href="#" ng:click="expandReplies(item)">Replies: {{item.links.replies[0].count}}</a>
      </div>
      <my:expand expand="item.replies.show">
        <ul>
          <li ng:repeat="reply in item.replies.data.items">
            <img src="{{reply.actor.thumbnailUrl}}"/>
            <a href="{{reply.actor.profileUrl}}">{{reply.actor.name}}</a>
            {{reply.content | html}}
          </li>
        </ul>
      </my:expand>
    </li>
  </ul>
  </body>
</html>