how to Bind (Set) Dropdownlist Value and Text using ng-Options or ng-Repeat Angularjs

Anonymous User 2020 17 Nov 2015

I want to bind Dropdownlist Value and Text using Angularjs . How to do this.

Ask by Anonymous User

Updated 17 Nov 2015

1 Answers

Anonymous User 17 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" },
                    { UserID: "SU210", UserName: "Suresh Kumar” },
                    { UserID: "MA320", UserName: "Manoj Kumar" }
            ];
        }]);
    </script>
</head>
<body>
    <div ng-controller="CntrUser">  
<br />
        <label>Select User:
   <select>
<option data-ng-repeat="t
in items" value="{{t.UserID}}">{{t.UserName}}</option>
</select>
  </label><br/>
    </div>
</body>
</html>

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

how to Bind (Set) Dropdownlist Value and Text using ng-Options or ng-Repeat Angularjs

Can you answer this question?

1 Answers