Check this code of AJS, here table elements are not showing..!!
<!DOCTYPE html> <html> <head></head> <body ng-app="myApp"> <h3>Filters in angular JS</h3> <hr/> <div ng-controller="StudentController"> Select no. of items to be shown: <select ng-model="count"> <option>3</option> <option>5</option> <option>8</option> <option>10</option> <option value="">All Items</option> </select> <br/> <br/> <table border="2"> <tr> <th>Student Name</th> <th>Course Name</th> </tr> <tr ng-repeat="items in student | limitTo : count"> <td>{{item.sname}}</td> <td>{{item.course}}</td> </tr> </table> </div> <script src="angular.js"> </script> <script> var obj= angular.module("myApp",[]); obj.controller("StudentController", function($scope) { $scope.count=""; $scope.student=[{sname:"Scott", course:"HTML"},{sname:"Robin", course:"CSS"},{sname:"Smith", course:"JS"},{sname:"Roger", course:"PHP"}, {sname:"Tom", course:"ANGULARJS"},{sname:"Jacky", course:"PYTHON"},{sname:"Peter", course:"HADOOP"}]; }); </script> </body> </html>
Often have questions like this?
Learn more efficiently, for free:
