AngularJS ng repeat和ng选项在引导模式中不输出选项
我尝试用ajax json数据在引导模式中填充我的select选项,并使用了两种变通方法,但没有数据输出 使用ng repeat的第一个标记 响应jsonAngularJS 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
<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
});
});
}
});