在这里我添加了categoryCtrl和ProductCtrl。此代码行console.log(category);
工作正常。如何使用for循环或其他方法为产品控制器绑定这些数据
.controller('CategoryCtrl', function($scope, $http) {
var vm = this;
vm.playlists = {};
$http.get("http://localhost/youtubewebservice/shop-categorylist-product.php").then(function(response) {
vm.playlists = response.data.category;
console.log(response.data.category);
});
$scope.selectedJsonObject=function(category){
console.log(category);
}
})
.controller('productCtrl', function($scope, $stateParams) {
});
您可以通过Rootscope或Factory或服务传递数据
JS使用工厂
<!doctype html>
<html ng-app="project">
<head>
<title>Angular: Service example</title>
<script src="https://code.angularjs.org/angular-1.0.1.js"></script>
<script>
var projectModule = angular.module('project',[]);
projectModule.factory('theService', function() {
var data ={}
data.x ={}
return data;
});
function FirstCtrl($scope, theService) {
console.log(theService)
$scope.name = "First Controller datas";
theService.x = $scope.name ;
}
function SecondCtrl($scope, theService) {
$scope.someThing = theService.x;
}
</script>
</head>
<body>
<div ng-controller="FirstCtrl">
<h2>{{name}}</h2>
</div>
<div ng-controller="SecondCtrl">
<h2> Second Controller recives {{someThing}}</h2>
</div>
</body>
</html>
我修复了您的代码,使用服务应该是一个正确的解决方案。
.controller('CategoryCtrl', function($scope, myService) {
var vm = this;
vm.playlists = myService.playList;
$scope.selectedJsonObject=function(category){
console.log(category);
}
})
.controller('productCtrl', function($scope, $stateParams, myService) {
this.playlists = myService.playList;
});
.service('myService', function($http){
var playlist = {};
$http.get("http://localhost/youtubewebservice/shop-categorylist-product.php").then(function(response) {
playlist = response.data.category;
console.log(response.data.category);
});
this.playList = function(){
return playList;
}
});
$scope.selectedJsonObject=function(category){
console.log(category);
$scope.$emit('eventName', { message: category});
}
以及在您的产品中使用
.controller('productCtrl', function($scope, $stateParams) {
$scope.$on('eventName', function (event, args) {
$scope.message = args.message;
console.log($scope.message);});
});