Home > DeveloperSection > Forums > How to Search Record in Angular js in asp.net
Ankit Singh

Total Post:341

Points:2389
Posted on    December-16-2015 10:01 PM

 .NET ASP.Net  JQuery  Angular JS 
Ratings:


 1 Reply(s)
 259  View(s)
Rate this:
I want to  Search Record in Angular js in asp.net please help me.


aditya kumar Patel

Total Post:246

Points:1752
Posted on    December-16-2015 10:03 PM

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Instant Search</title>

    <link href="http://fonts.googleapis.com/css?family=Cookie|Open+Sans:400,700" rel="stylesheet" />

    <!-- The main CSS file -->
    <link href="style.css" rel="stylesheet" />

    <!--[if lt IE 9]>
   <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>


<body ng-app="instantSearch" ng-controller="InstantSearchController">

    <div class="bar">

        <input type="text" ng-model="searchString" placeholder="Enter your search terms" />
    </div>

    <ul>

        <li ng-repeat="i in items | searchFor:searchString">
            <a href="{{i.url}}">
                <img ng-src="{{i.image}}" /></a>
            <p>{{i.title}}</p>
        </li>
    </ul>


    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src="script.js"></script>
</body>
</html>

 

 


Don't want to miss updates? Please click the below button!

Follow MindStick