Monday, 1 September 2014

AngularJs data binding for LIST element ng-repeat

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
       pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script type="text/javascript" src="Script/angular.min.js"></script>

<script>
      
</script>

<title>AngularJS Demo</title>

</head>
<body ng-app>
       <h2>Names </h2>
       <div ng-init="names=['Neamat','Moin','Meet','Reha']">
              <ul>
                     <li ng-repeat="name in names">{{name}}</li>
              </ul>
       </div>
</body>

</html>

__________________________________________________________________

ng-repeate : iterate array of name same like foreach loop in C# and JAVA and generate <li> tag for each array element 

___________________________________________________________________

Output



No comments:

Post a Comment