0
我有以下控制器和视图,并且想要在视图中显示productCategory对象的属性。即使productCategory存在于控制器中,它也不会显示在视图中。AngularJs:即使数据存在于控制器中,视图也不会显示数据
控制器:
angular.module('jordans')
.controller('productCategoryCtrl', function ($scope, $rootScope, dataService) {
$scope.productCategories = [];
$scope.currentData = {};
$scope.productCategory = [];
$scope.getCategories = function() {
dataService.getProductCategories().then(function (data) {
$scope.productCategories = data;
// console.log('productCategories = ' + JSON.stringify($scope.productCategories));
})
}
$scope.getCategory = function() {
$scope.productCategory = dataService.getProductCategory($scope.currentData);
console.log('productCategory = ' + JSON.stringify($scope.productCategory));
}
$rootScope.$on('setcategory', function (e, args) {
console.log('******** ' + new Date());
$scope.currentData.category = args.category;
$scope.currentData.type = args.type;
console.log('*******productcategory.currentdata = ' + JSON.stringify($scope.currentData))
$scope.getCategory($scope.currentData);
});
var init = function() {
$scope.getCategories();
};
init();
})
查看:
<div ng-controller='productCategoryCtrl' ng-hide="data.error">
<div class="col-sm-10">
<img src="..\assets\images\{{productCategory.image[0].name}}">
<p class="categoryheading">{{productCategory.image[0].label}}</p>
<div ng-repeat="productImage in productCategory.image">
<div ng-if="$index > 0">
<div class="col-sm-4 typemargin">
<div class="card">
<div class="card-block">
<img src="..\assets\images\{{productCategory.image[i].name}}">
</div>
<div class="card-text">
<p><b>{{productCategory.image[$index].label}}</b></p>
</div>
</div>
</div>
</div>
</div>
</div>