ReactJS
theApp.controller('MenuSideController', ['$scope', 'CategoryService',
function ($scope, CategoryService){
CategoryService.getList()
.success(function(list){
$scope.list = list;
});
$scope.menuType = function(id) {
$http.post('post_es.php', {'cat': $scope.username, 'pswd': $scope.userpassword, 'email': $scope.useremail}).success(function(data, status, headers, config) {
if (data.msg != '') {
$scope.msgs.push(data.msg);
} else {
$scope.errors.push(data.error);
}
}).error(function(data, status) { // called asynchronously if an error occurs
// or server returns response with an error status.
$scope.errors.push(status);
});
}
}
]);
CSS
<li ng-repeat="company in list"><a href="#" ng-click="menuType(company.id)">{{ company.name }}</a></li>
When trying to execute the menuType function above, it results in the following error:
ReferenceError: $http is not defined