Hi Guest

MobileUser

1 HomePage 1 Jobs 1 WalkIn 1Articles  

Cat Exam

 :) Latest Topic
AJAX
VB.NET
SQL Query
UDDI
CLASS
JavaScript Questions
SharePoint Interview
SilverLight
WCF
general knowledge
 ASP.NET
 :) Hot Jobs
 
 :) Latest Articles


  

 
Dhoti Patiyala


Code to bind dropdownlist with ng options
Question Posted on 22 Jul 2015

Home >> WEB >> JQuery >> Code to bind dropdownlist with ng options




Below is the code to bind the dropdownlist with ng option here i have use case statement to bind the dropdownlist

$lt;script type="text/javascript"$gt;
var appExample = angular.module('Examplesampleapp', [])
appExample.controller('Examplecontrol', function ($FunctionScope) {
$FunctionScope.sample = [{
id: '1',
name: 'JavaScript Faq'
}, {
id: '2',
name: 'JQuery Faq'
}, {
id: '3',
name: 'AngularJS Faq'
}];
});
$lt;/script$gt;
$lt;/head$gt;

$lt;body data-ng-app="Examplesampleapp" data-ng-controller="Examplecontrol"$gt;
$lt;form id="form1"$gt;
Select Name: $lt;select ng-options="s.id as s.name for s in sample" ng-model="col"$gt;
$lt;option value=""$gt;--Select--$lt;/option$gt;
$lt;/select$gt;
0
0



 
 Input Your Comments Or suggestions(If Any)
 Name
 Email(optional)
 Comments


Other Important Questions
Difference between body.onload and document.ready in jQuery
Different method which provides effects in JQuery
Three types of selector in JQuery
Example of JQuery focus event on textbox
What is significance of jQuery.NoConflict






 
Top Searches:asp net questions vb net questions sql query uddl questions class javascript Questions sharepoint interview questions and concept silverlight questions and concept wcf questions beans general knowledge ajax questions
PHP | Biztalk | Testing | SAP | HR |