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 lang="en" ng-app="" ng-controller="PhoneListCtrl">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
  <meta charset="utf-8">
  <title ng-bind-template="{{title}}"></title>
  
  <script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://getbootstrap.com/dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
<meta charset=utf-8 />
 
<!--  <script src="js/controllers.js"></script>-->
  
    <link rel="stylesheet" href="css/app.css">
</head>
<body>
​
  <div>
      
   
    <div>
      <!--Body content-->
      
      <div class="jumbotron">
  <div class="container">
    <h1>{{title}}</h1>
    <p>{{nprsub}}</p>
   
  </div>
</div>
​
     <div id="thumbs" >
     
    <!--Sidebar content-->
       
       <div class="MySearch">
      <input ng-model="searchquery" placeholder="Search Items Here">&nbsp;<span class="glyphicon glyphicon-search"> </span>
       </div>
       
       
     <ul  class="phones">
    
    
       <li ng-repeat="stories in storytitle | filter:{'title.$text':searchquery}" class="col-md-4 col-xs-4 height">
​
    
        <h3>{{stories.title.$text}}</h3>
          <p >{{stories.teaser.$text}}</p>
         <a ng-href="{{stories.audio[0].format.mp3[0].$text}}">Listen to the Story</a>
  
          
    </li>
    
    </ul>
    
    </div> <!--End of THumbs-->
    </div>
​
​
      
  </div>
​
</body>
</html>
​
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers