I want to make a retrieval request using $http in AngularJS and then display the obtained result on the front-end. To achieve this, I'm using {{ URL-STRING | iframely }}.
'use strict'
angular.module( 'iframely', [] ).filter( 'iframely', [ '$http', function ( $http ) {
return function ( url ) {
var result = $http( {
url: 'http://localhost:8061/iframely',
method: 'GET',
params: {
url: url
}
})
return( result.then( function ( result ) {
console.log( result.data.html )
return result.data.html
}))
}
}])
When I view the front-end, all I see is {}, basically an empty object. However, when I check the console log, I can see the correct HTML content.
I am confident that my overall configuration is accurate because if I simply use return "it works", it actually does work. The issue seems to be related to JavaScript scoping, returns, or possibly something specific to $http that I am missing.