AngularJS - TypeError: cribsFactory2.getCribs2(…).then(…).error is not a function [duplicate]
up vote
0
down vote
favorite
This question already has an answer here:
Error with $http.get in angularJS — Success not a Function
9 answers
Why are AngularJS $http success/error methods deprecated? Removed from v1.6?
2 answers
I'm having the following error:
angular.min.js:125 TypeError: cribsFactory2.getCribs2(...).then(...).error is not a function
at Object. (cribsController3.js:12)
I found some topics about this error but I wasn't able to solve the issue (I did some changes in my code, but no luck). Can someone help me?
Here are the files which I'm using:
cribsFactory2.js
angular
.module('ngCribs')
.factory('cribsFactory2', function($http) {
function getCribs2() {
return $http.get('scripts/data.json');
}
return {
getCribs2: getCribs2
}
});
cribsController3.js
angular
.module('ngCribs',)
.controller('cribsController3', function($scope, cribsFactory2) {
$scope.cribs2;
cribsFactory2.getCribs2()
.then(function(response) {
$scope.cribs2 = response; ;
})
.error(function(error) {
console.log(error);
});
});
app.html
<body ng-app="ngCribs" ng-controller="cribsController3">
<div class="well" ng-repeat="crib in cribs2">
<h3>{{crib.address}}</h3>
<p><strong>Type: </strong> {{crib.type}}</p>
<p><strong>Description</strong> {{crib.description}}</p>
<p><strong>Price</strong> {{crib.price}}</p>
</div>
angularjs
marked as duplicate by georgeawg
StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;
$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');
$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 10 at 21:19
This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.
add a comment |
up vote
0
down vote
favorite
This question already has an answer here:
Error with $http.get in angularJS — Success not a Function
9 answers
Why are AngularJS $http success/error methods deprecated? Removed from v1.6?
2 answers
I'm having the following error:
angular.min.js:125 TypeError: cribsFactory2.getCribs2(...).then(...).error is not a function
at Object. (cribsController3.js:12)
I found some topics about this error but I wasn't able to solve the issue (I did some changes in my code, but no luck). Can someone help me?
Here are the files which I'm using:
cribsFactory2.js
angular
.module('ngCribs')
.factory('cribsFactory2', function($http) {
function getCribs2() {
return $http.get('scripts/data.json');
}
return {
getCribs2: getCribs2
}
});
cribsController3.js
angular
.module('ngCribs',)
.controller('cribsController3', function($scope, cribsFactory2) {
$scope.cribs2;
cribsFactory2.getCribs2()
.then(function(response) {
$scope.cribs2 = response; ;
})
.error(function(error) {
console.log(error);
});
});
app.html
<body ng-app="ngCribs" ng-controller="cribsController3">
<div class="well" ng-repeat="crib in cribs2">
<h3>{{crib.address}}</h3>
<p><strong>Type: </strong> {{crib.type}}</p>
<p><strong>Description</strong> {{crib.description}}</p>
<p><strong>Price</strong> {{crib.price}}</p>
</div>
angularjs
marked as duplicate by georgeawg
StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;
$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');
$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 10 at 21:19
This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.
The.success
and.error
methods are deprecated and have been removed from AngularJS V1.6.
– georgeawg
Nov 10 at 21:20
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
This question already has an answer here:
Error with $http.get in angularJS — Success not a Function
9 answers
Why are AngularJS $http success/error methods deprecated? Removed from v1.6?
2 answers
I'm having the following error:
angular.min.js:125 TypeError: cribsFactory2.getCribs2(...).then(...).error is not a function
at Object. (cribsController3.js:12)
I found some topics about this error but I wasn't able to solve the issue (I did some changes in my code, but no luck). Can someone help me?
Here are the files which I'm using:
cribsFactory2.js
angular
.module('ngCribs')
.factory('cribsFactory2', function($http) {
function getCribs2() {
return $http.get('scripts/data.json');
}
return {
getCribs2: getCribs2
}
});
cribsController3.js
angular
.module('ngCribs',)
.controller('cribsController3', function($scope, cribsFactory2) {
$scope.cribs2;
cribsFactory2.getCribs2()
.then(function(response) {
$scope.cribs2 = response; ;
})
.error(function(error) {
console.log(error);
});
});
app.html
<body ng-app="ngCribs" ng-controller="cribsController3">
<div class="well" ng-repeat="crib in cribs2">
<h3>{{crib.address}}</h3>
<p><strong>Type: </strong> {{crib.type}}</p>
<p><strong>Description</strong> {{crib.description}}</p>
<p><strong>Price</strong> {{crib.price}}</p>
</div>
angularjs
This question already has an answer here:
Error with $http.get in angularJS — Success not a Function
9 answers
Why are AngularJS $http success/error methods deprecated? Removed from v1.6?
2 answers
I'm having the following error:
angular.min.js:125 TypeError: cribsFactory2.getCribs2(...).then(...).error is not a function
at Object. (cribsController3.js:12)
I found some topics about this error but I wasn't able to solve the issue (I did some changes in my code, but no luck). Can someone help me?
Here are the files which I'm using:
cribsFactory2.js
angular
.module('ngCribs')
.factory('cribsFactory2', function($http) {
function getCribs2() {
return $http.get('scripts/data.json');
}
return {
getCribs2: getCribs2
}
});
cribsController3.js
angular
.module('ngCribs',)
.controller('cribsController3', function($scope, cribsFactory2) {
$scope.cribs2;
cribsFactory2.getCribs2()
.then(function(response) {
$scope.cribs2 = response; ;
})
.error(function(error) {
console.log(error);
});
});
app.html
<body ng-app="ngCribs" ng-controller="cribsController3">
<div class="well" ng-repeat="crib in cribs2">
<h3>{{crib.address}}</h3>
<p><strong>Type: </strong> {{crib.type}}</p>
<p><strong>Description</strong> {{crib.description}}</p>
<p><strong>Price</strong> {{crib.price}}</p>
</div>
This question already has an answer here:
Error with $http.get in angularJS — Success not a Function
9 answers
Why are AngularJS $http success/error methods deprecated? Removed from v1.6?
2 answers
angularjs
angularjs
asked Nov 10 at 21:14
rrudnicki
32
32
marked as duplicate by georgeawg
StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;
$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');
$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 10 at 21:19
This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.
marked as duplicate by georgeawg
StackExchange.ready(function() {
if (StackExchange.options.isMobile) return;
$('.dupe-hammer-message-hover:not(.hover-bound)').each(function() {
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');
$hover.hover(
function() {
$hover.showInfoMessage('', {
messageElement: $msg.clone().show(),
transient: false,
position: { my: 'bottom left', at: 'top center', offsetTop: -7 },
dismissable: false,
relativeToBody: true
});
},
function() {
StackExchange.helpers.removeMessages();
}
);
});
});
Nov 10 at 21:19
This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.
The.success
and.error
methods are deprecated and have been removed from AngularJS V1.6.
– georgeawg
Nov 10 at 21:20
add a comment |
The.success
and.error
methods are deprecated and have been removed from AngularJS V1.6.
– georgeawg
Nov 10 at 21:20
The
.success
and .error
methods are deprecated and have been removed from AngularJS V1.6.– georgeawg
Nov 10 at 21:20
The
.success
and .error
methods are deprecated and have been removed from AngularJS V1.6.– georgeawg
Nov 10 at 21:20
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
The
.success
and.error
methods are deprecated and have been removed from AngularJS V1.6.– georgeawg
Nov 10 at 21:20