how bind list using angularjs in asp.net

Anonymous User 1705 16 Nov 2015

I want to bind list using angularjs in asp.net.

Anonymous User

Other

I am a content writter !

1 Answers

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>
    <script src="Scripts/angular.min.js"></script>
    <script type="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>
    <div ng-controller="CntrUser">
        <table>
            <thead>
                <tr style="background-color: #9E7C1F;color: #fff;">
                    <th>UserID</th>
                    <th>UserName</th>
                    <th>Contact</th>
                    <th>EmailID</th>
                </tr>
            </thead>
            <tbody>
                <tr ng-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>

forum

how bind list using angularjs in asp.net

Can you answer this question?

1 Answers