Javascript AngularJS-ng不填充对象列表的选项
我试图在AngularJS中填充组合框。下面是控制器代码Javascript AngularJS-ng不填充对象列表的选项,javascript,angularjs,json,Javascript,Angularjs,Json,我试图在AngularJS中填充组合框。下面是控制器代码 var app = angular.module('app'); app.controller('roadmap', function($rootScope, $scope, $http, $q, leFactory) { $rootScope.activityInfoList=[]; $rootScope.brand_strategy_list=[]; $rootScope.brand_strategy_cs
var app = angular.module('app');
app.controller('roadmap', function($rootScope, $scope, $http, $q, leFactory) {
$rootScope.activityInfoList=[];
$rootScope.brand_strategy_list=[];
$rootScope.brand_strategy_csf=[];
$rootScope.brand_strategy_initiatives=[];
leFactory.getActivityPopupInfo().then(function(activityList) {
$rootScope.activityInfoList=angular.copy(activityList);
console.log($rootScope.activityInfoList);
$rootScope.brand_strategy_list=$rootScope.activityInfoList.listBrandStrategy;
console.log($rootScope.brand_strategy_list);
console.log('editActivityPopup service accepted-> ');
}, function(error) {
console.log('editActivityPopup service rejected-> ', error);
});
$rootScope.items = [{
id: 1,
label: 'aLabel',
subItem: { name: 'aSubItem' }
}, {
id: 2,
label: 'bLabel',
subItem: { name: 'bSubItem' }
}];
});
在HTML部分,我试图填充$rootScope.brand\u strategy\u列表,如下所示
<select ng-model="activityInfoList.brandStrategy" class="selectpicker" data-style="btn-inverse" style="display: none;" ng-options="item.strategyName as item.strategyName for item in brand_strategy_list">
<option> Select </option>
</select>
挑选
$rootScope.品牌战略列表未填充。但是当我尝试填充$rootScope.items时,它正在填充。我制作了console.log($rootScope.brand\u strategy\u list)并显示了完整的列表
不知道我犯了什么错误?请帮我解决这个问题。提前谢谢。试试这个
ng-options="item.strategyName as item.strategyName for item in $root.brand_strategy_list
试试这个
ng-options="item.strategyName as item.strategyName for item in $root.brand_strategy_list
从html中删除style=“display:none;”,并将$rootScope更改为$scope
<select ng-model="activityInfoList.brandStrategy" class="selectpicker" data-style="btn-inverse" ng-options="item.strategyName as item.strategyName for item in brand_strategy_list">
<option> Select </option>
</select>
挑选
从html中删除style=“display:none;”,并将$rootScope更改为$scope
<select ng-model="activityInfoList.brandStrategy" class="selectpicker" data-style="btn-inverse" ng-options="item.strategyName as item.strategyName for item in brand_strategy_list">
<option> Select </option>
</select>
挑选
不要将所有内容都放在$rootScope上,而是将所有内容放在$scope上,看看是否有效。我已经这样做了,并进行了检查。它不工作!还有其他方法可以解决这个问题吗???在调用leFactory时,在.then()中,您可以控制台.log activityList中,它有什么内容吗?为什么将样式设置为style=“display:none;”“
?您确定元素可见吗?activityList正在显示对象列表。我甚至将这个列表作为{{activityList}}保存在html中,并以html显示。但组合框并没有被填充。不要将所有内容都放在$rootScope上,而是将所有内容都放在$scope上,看看是否有效。我已经这样做了,并进行了检查。它不工作!还有其他方法可以解决这个问题吗???在调用leFactory时,在.then()中,您可以控制台.log activityList中,它有什么内容吗?为什么将样式设置为style=“display:none;”“
?您确定元素可见吗?activityList正在显示对象列表。我甚至将这个列表作为{{activityList}}保存在html中,并以html显示。但是组合框没有被填充。