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