Creating Form Controls dropdownlist Dynamically In Angular

Question

Rajesh Gami · Answer

Step 1: Create one javascript file and give name like myController.js And add below code into your myController.js file and save it. var app=angular.module( "RGApp" ,[]); app.controller( 'RGCtrl' , function ($scope,$http){ $scope.loadCountry= function () { $scope.countries=[{ "id" : "1" , "name" : "India" },{ "id" : "2" , "name" : "Singapore" },{ "id" : "3" , "name" : "Japan" },{ "id" : "4" , "name" : "Indonesia" }]; } }); Step 2: Now your put below code into your html view page. Dynamic Dropdown using AngularJS By Rajesh Gami "stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" > "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.0/angular.min.js" > "myController.js" > class = "container" style= "width:600px;" > "RGApp" ng-controller= "RGCtrl" ng-init= "loadCountry()" > "center" >Dynamic Dropdown list using AngularJS "country" ng-model= "country" class = "form-control" > "" disabled>Select Country "country in countries" value= "{{country.id}}" >{{country.name}} Now your project its work

Ronika Jency · Answer

Hi, Please find below link, https://coryrylan.com/blog/creating-a-dynamic-select-with-angular-forms https://angular.io/guide/dynamic-form https://stackoverflow.com/questions/42501988/angular-2-dynamic-forms-how-to-create-dependent-dropdown

Rajanikant Hawaldar · Answer

https://stackoverflow.com/questions/36994776/how-to-create-dynamic-dropdown-list-in-angularjs https://code.sololearn.com/W3mZTlnFq023/#html

Creating Form Controls dropdownlist Dynamically In Angular

Answers (3)