2

I am a beginner in javascript trying to learn AngularJS. I have a problem. I am confused how to create a helper for parsing / decode html result from JSON API e.g `

summary: "\u003Cdiv\u003E\u003Cdiv\u003E \u003Cp\u003EDiantara hikmahnya adalah, wanita semakin disimpan, semakin terhormat. Yang berarti kehormatan pula bagi suaminya\u003C/p\u003E \u003Cdiv\u003E Artikel Terkait:\u003Col\u003E \u003Cli\u003E\u003Ca

from this API URL : http://api.situssunnah.com/api/articles.json

I tried to use .replace method but didn't work.

1

1 Answer 1

-1

Hi plese see solution here http://jsbin.com/puyeluti/3/edit

1.replace all Unicode characters

angular.forEach($scope.articles, function (article) {
        article.summary = article.summary.replace(/\\u003C/g, "<")
                                    .replace(/\\u003E/g, '>')
                                    .replace(/\n/g, '')
                                    .replace(/\\u0026/g,'&');
        });

2.Use ng-bind-html directive

<p ng-bind-html="i.summary"></p>
Sign up to request clarification or add additional context in comments.

3 Comments

I use Yeoman for scaffolding, grunt and bower. it's automatically include sanitize. i use ngResource in service like $resorurce(urlAPI); this implemented in jsbin : jsbin.com/puyeluti/2/edit Sorry for bad english
@ikhsannetwork i've update answear please see jsbin.com/puyeluti/3/edit
thank you. i use filter for reusable replacing regex in articles summary and article content. jsbin.com/puyeluti/10/edit jsbin.com/puyeluti/19/edit

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.