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="app">
  <head>
    <meta charset="utf-8">
    <title>ng-show</title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.20/angular.min.js"></script>
    <script src="app.js"></script>
  </head>
  
  <body ng-controller="AppCtrl">
    <input ng-model="searchFilter" type="text">
​
    <ul>
      <li ng-repeat="item in filteredItems = (items | filter:searchFilter)" >
        <label>{{item.label}}</label>
        
      </li>
      <li ng-if="filteredItems.length === 0">No Items Found</li>
    </ul>
     
    
  </body>
</html>
 
(function (app, ng) {
  'use strict';
​
​
  var
    items = [],
    possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz.-_+";
​
  for (var i = 0; i < 100; i++) {
    var item = "";
    for (var c = 0; c < 10; c++) {
      item += possible.charAt(Math.floor(Math.random() * possible.length));
    }
​
    item = item + " (" + i + ")";
    items.push({label: item});
  }
​
  app.controller("AppCtrl", ["$scope", function ($scope) {
    $scope.items = items;
  }]);
}(angular.module('app', []), angular));
Output

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

Dismiss x
public
Bin info
anonymouspro
0viewers