AngularJS ng repeat和ng选项在引导模式中不输出选项

AngularJS ng repeat和ng选项在引导模式中不输出选项,angularjs,angularjs-ng-repeat,ng-options,Angularjs,Angularjs Ng Repeat,Ng Options,我尝试用ajax json数据在引导模式中填充我的select选项,并使用了两种变通方法,但没有数据输出 使用ng repeat的第一个标记 响应json <select ng-model="selectedAPI" class="form-control" ng-options = "item.name as item.name for item in networks" > </select> 开始工作了 试试这个 首先,您的ng model selecte

我尝试用ajax json数据在引导模式中填充我的select选项,并使用了两种变通方法,但没有数据输出

使用ng repeat的第一个标记

响应json

<select ng-model="selectedAPI" class="form-control"
    ng-options = "item.name as item.name for item in networks" >
</select>
开始工作了

试试这个


首先,您的ng model selectedAPI似乎没有值,然后默认情况下它将创建一个空白选项。 第二,当使用ajax进行异步http请求时,可能无法及时生成响应。因此,您可以使用$scope.$apply方法强制重新加载AngularJS数据。比如:


请告诉我它是否有效。谢谢。

请检查如何在官方文档中使用ng选项
   <div class="form-group" ng-show="formInfo.sourceType =='api'">
            {{ API }}
            <label for="selectAPI" class="col-sm-2 control-label">Select API</label>
            <div class="col-sm-8">
               <select ng-model="selectedAPI" ng-options="item.name for item in networks" class="form-control"> </select>
            <pre>{{ networks }}</pre>
   </div>
$request('onAPI', {success: function(data, scope){
            this.success(data).done(function() {
                  $scope.networks = [];
                  $scope.networks = angular.fromJson(data.result);
                  $scope.selectedAPI = null;
                 //$scope.selectedAPI = $scope.apis[0];
                 console.log($scope.networks); // I have output

            });
        }
    });
   [{
        "id":"1",
        "name":"Zanox"
        },{
        "id":"2",
        "name":"Affilinet",

    }]
var ModalInstanceCtrl = function ($scope, $modalInstance, items, $request) {

  $scope.items = items;
  $request('onAPI', {success: function(data, scope){
            this.success(data).done(function() {
                  $scope.networks = [];
                  $scope.networks = angular.fromJson(data.result);
                  $scope.selectedAPI = null;
                 //$scope.selectedAPI = $scope.apis[0];
                 console.log($scope.networks);

            });
        }
    });

};
<select ng-model="selectedAPI" class="form-control"
    ng-options = "item.name as item.name for item in networks" >
</select>
$request('onAPI', {success: function(data, scope){
            this.success(data).done(function() {
                $scope.$apply(function(){
                      $scope.networks = [];
                      $scope.networks = angular.fromJson(data.result);
                      $scope.selectedAPI = null;
                     //$scope.selectedAPI = $scope.apis[0];
                     console.log($scope.networks); // I have output
                });
            });
        }
    });