forum

Home / DeveloperSection / Forums / how bind list using angularjs in asp.net

Ask Question
Anonymous User

Anonymous User

Follow
I am a content writter !

Can you answer this question?

Answer

1 Answers

Anonymous User

Anonymous User

16-Nov-2015 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AngularList.aspx.cs" Inherits="Forumasp.AngularList" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="UserApp">
<head runat="server">

    <title></title>
    <script src="Scripts/jquery-2.1.4.js"></script>
    <scriptsrc="Scripts/angular.min.js"></script>
    <scripttype="text/javascript">
        var app = angular.module('UserApp', []);
        app.controller("CntrUser", ['$scope', function ($scope) {
            $scope.items = [
                    { UserID: "PA011", UserName: "Pawan Shukla", Contact: 7798963210, EmailID: "pawan@yahoo.com" },
{ UserID: "SU210", UserName: "Suresh Kumar", Contact: 4589647896, EmailID: "suresh@yahoo.com" },
{ UserID: "MA320", UserName: "Manoj KUmar", Contact: 8578968785, EmailID: "manoj@yahoo.com" }
            ];
        }]); 
    </script>
</head>
<body>
    <divng-controller="CntrUser">
        <table>
            <thead>
                <trstyle="background-color: #9E7C1F;color: #fff;">
                    <th>UserID</th>
                    <th>UserName</th>
                    <th>Contact</th>
                    <th>EmailID</th>
                </tr>
            </thead>
            <tbody>
                <trng-repeat="item in items"style="background-color: #D4CFCF; color: #CA0D0D;">
                    <td>
                        <b><span>{{item.UserID}}</span></b>
                    </td>
                    <td>
                        <b><span>{{item.UserName}}</span></b>
                    </td>
                    <td>
                        <b><span>{{item.Contact}}</span></b>
                    </td>
                    <td>
                        <b><span>{{item.EmailID}}</span></b>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</body>

</html>

answer 415871611112604b

Liked By