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.1.5/angular.min.js"></script>
<meta charset=utf-8 />
<title>ng-click</title>
</head>
<body>
  <div class="" ng-controller="myCrtl">
    <span>Heading Documents</span>                                    
<ul ng-repeat="list in names">                                  
<li ng-repeat="lists in list.bookmarks">
  <a href="{{lists.link}}" data-toggle="tooltip" data-placement="right" title="{{change(lists.tags)}}">{{lists.title}}</a></li>
​
</ul>
​
</div>
</div>
</div>
   
​
</body>
</html>
 
var app=angular.module('MyApp',[]);
​
app.controller('myCrtl',["$scope",function($scope){
    $scope.names=[{
    "description": "Testing File",
    "totalCount": 6,
    "bookmarks": [{
            "title": "Google",
            "link": "https://www.google.co.in",
            "tags": [
                "text", "text 1", "text 2"
            ]
        },
​
        {
            "title": "Test Construction1",
            "link": "http://google.com",
            
            "tags": [
                "content", "content 2", "content 3"
            ]
        },
         {
        "title": "Test Connection",
        "link": "https://www.google.com",
        "tags": [
            "message", "message 1"
        ]
    }]
   
    
}];
  $scope.change = function(a){
    a = a.map(function(x){
      return x.replace(/^[a-z]/,function(m){
        return  m.toUpperCase()});
     });
    return "["+a.join()+"]";
  };
}]);
Output 300px

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

Dismiss x
public
Bin info
anonymouspro
0viewers