How do I replace the following charachters "'" returned from $http data with " ' " ?
this is my code:
$scope.searchInput = "";
$scope.getResults = function(){
$http.get('http://myapi'+ $scope.searchInput).
success(function(data){
$scope.myResults = data;
});
};
$scope.getResults();
This is what the Json Object title looks like:
title: "'Mad Max' Review: 5 Reasons Why 'Road Warrior' Is Better Than ..."
If i understood your question properly , u need to escape the $scope-data object using $sce (Strict Contextual Escaping) dependency $sce.trustAsHtml can be used for this , please refer this https://docs.angularjs.org/api/ng/service/$sce
$scope.doDecode = function(title){
return $sce.trustAsHtml(title);
};
//html
<h2 ng-bind-html="doDecode(title)"></h2>
If you just need to unencode "'" you could use:
$scope.searchInput = "";
$scope.getResults = function(){
$http.get('http://myapi'+ $scope.searchInput).
success(function(data){
data.title.replace(/'/g, "'");
$scope.myResults = data;
});
};
$scope.getResults();
{title: "'Mad...", title: "Jurasic World"} but if it was e.g. {movies: [{title: "'Mad..."}, {title: "Jurasic World"}]} you would need to do adjust accordingly to e.g. data.movies[0].title.replace(/'/g, "'") - or iterate over each.I just had to add this in my Html file: ng-bind-html="object.title"
<div class="card" ng-repeat="object in Results" >
<div class="item item-divider">
{{object.visibleUrl}}
</div>
<div class="item item-text-wrap" ng-bind-html="object.title">
{{object.title}}
</div>
</div>