我试图来显示使用angularjs对象。但在html中显示为未定义。火力地堡和Angularjs对象范围阵列未定义
app1.controller('ctrl1' , function($scope){
categories = [];
var dbRef = firebase.database().ref().child('Categories/');
dbRef.once('value', snap => {
snap.forEach(function(childSnap) {
//CATEGORY MODEL
var category = {
name : "",
id : "",
subCategories: {
name: "",
id: ""
}
};
category.id = childSnap.val().id
category.name = childSnap.val().name
category.subCategories = childSnap.val().subCategories
categories.push(category)
})
}).then(() => {
$scope.allcats = categories;
});
});
和HTML
<div id="nav-aside " class="nav" ng-controller="ctrl1">
{{allcats}}
<ul class="nav-aside-list" ng-repeat="categories in allcats">
<li><span></span><a href="#">{{categories.name}}</a></li>
</ul>
</div>
这行不通。任何人都可以帮忙? 在此先感谢!
为什么你正在使用类推,为什么不直接$ scope.allcats? –
@GauravSrivastava反正什么也不显示。我试过:( –
做控制台日志右下方categories.push,看是否有数据来 –