使用AngularJS中的ng-options绑定<select>标记中的数据

时间:2017-05-12 15:26:38

标签: html angularjs spring-boot

我想在使用ng-options中绑定所有类别。我在一个html页面中使用了多个控制器。即product.html。当我运行我的代码时,获取空列表 product.html &lt; html data-ng-app =“crm”&gt; &lt; body data-ng-controller =“ProductController”&gt;   .............   &lt; form class =“form-horizo​​ntal”&gt;   &lt; div class =“col-md-4 col-sm-4 col-xs-4 left”&gt;     &lt; div class =“input-group”data-ng-controller =“CategoryController”&gt;       &lt; select class =“form-control”data-ng-model =“category.nameCategory”data-ng-options =“cat.nameCategory for cat in categories track by cat.idCategory”&gt;&lt; / select&gt;     &LT; / DIV&GT;   &LT; / DIV&GT;   &LT; /形式&GT;   ................  &LT; /体&GT;  &LT; / HTML&GT; product.js var app = angular.module('crm');     app.controller('ProductController',函数($ scope,$ http,$ document){     ........     ........     });     app.controller('CategoryController',函数($ scope,$ http){         $ http.get( “/ allCat”)         。然后(功能(响应){             $ scope.categories = response.data;         }); });

1 个答案:

答案 0 :(得分:1)

无需使用2个控制器。

我认为这对你有用。如果没有,请显示回复数据。

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