Using ng-options in AngularJS to bind data in a <select> tag

Question

I want to bind all categories in a using ng-options. I used multiple controllers in one html page. ie, product.html. When i run my code,getting empty list

product.html

<html data-ng-app="crm">
<body data-ng-controller="ProductController">
  .............
  <form class="form-horizontal">      
  <div class="col-md-4 col-sm-4 col-xs-4 left">
    <div class="input-group" data-ng-controller="CategoryController">
      <select class="form-control" data-ng-model="category.nameCategory" data-ng-options="cat.nameCategory for cat in categories track by cat.idCategory"></select>
    </div>
  </div>
  </form>
  ................
 </body>
 </html>

product.js

var app=angular.module('crm');
    app.controller('ProductController', function($scope,$http,$document){
    ........
    ........
    });

    app.controller('CategoryController', function($scope,$http){
        $http.get("/allCat")
        .then(function(response){
            $scope.categories=response.data;
        });
});

Answer 1

No need of using 2 controllers.

I think this will work for you. If not please show response data.

app.controller('CategoryController', function($scope, $http) {
  $http.get("/allCat")
    .then(function(response) {
      $scope.categories = response.data.categories;          
  });
});

Using ng-options in AngularJS to bind data in a <select> tag

Question

1 answers

solution1
1

Using ng-options in AngularJS to bind data in a <select> tag

Question

1 answers

solution1 1

solution1
1