Angularjs JSON Unicode Characters

Question

I have a JSON file generated via php:

$JsonObjItems = json_encode($arrObjItems, JSON_PRETTY_PRINT);
$objFile = new \File('test.json', true);
$objFile->write($JsonObjItems);
$objFile->close();

JSON:

[
    {
        "raw": {
            "id": "2",
            "pid": "0",
            "sorting": "0",
            "tstamp": "1433706234",
            "Alias": "-2",
            "Menu1": "Test &#40;A,C,F&#41;\nTest1, Gr\u00fcn",
            "Menu2": "Test1",
            "From": "1433714400",
            "To": "1434060000",
            "Published": "1"
        },
        "text": {
            "Alias": "-2",
            "Menu1": "Test &#40;A,C,F&#41;\nTest1, Gr\u00fcn",
            "Menu2": "Test1",
            "From": "08.06.2015",
            "To": "12.06.2015",
            "Published": "1"
        },...

I'm parsing that within an angularjs/ionic app:

.controller('GetJson', function ($scope, $http) {

    $http.get("test.json")
        .success(function (data) {
        $scope.all = data;    
        $scope.menu1 = data[0].text.Menu1;  
    });   
})

And put it out here:

<ion-view view-title="test" ng-controller="GetJson">
<ion-content class="padding">
    {{menu1}}
</ion-content>
</ion-view>

That generates this output:

Test &#40;A,C,F&#41;\nTest1, Gr\u00fcn

What I want is:

Test (A,C,F)
Test1, 
Grün

How can I do that? Within the javascript json encode or within the php generating the json? I tried that stuff in the php but I didn't got it working:

$JsonObjItems = json_encode($arrObjItems, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT | JSON_HEX_AMP | JSON_UNESCAPED_UNICODE);

EDIT:

With the "$sce.trustAsHtml" Filter it works here: https://jsfiddle.net/uPw2U/163/ But not with expressions: https://jsfiddle.net/gstcppgt/3/

In both cases the \n line break is ignored, do I have to use nl2br() somehow? I tried it here: without the expressions it works: https://jsfiddle.net/uPw2U/170/

With expressions it doesn't: https://jsfiddle.net/gstcppgt/11/

Whats wrong with the {{ }} stuff?

This is link for your problem stackoverflow.com/questions/21097513/… — Ankita
– Ankita, Commented Jun 8, 2015 at 10:39
$scope.menu1 = $sce.trustAsHtml(data[0].text.Menu1); solve the problem with "grün" but the () still don't work: Test (A,C,F) Test1, Grün — temporalis
– temporalis, Commented Jun 8, 2015 at 10:45
you have to use it as <span ng-bind-html="html|html"> not {{html | html}} — Ankita
– Ankita, Commented Jun 9, 2015 at 5:38
docs.angularjs.org/api/ng/directive/ngBindHtml read it and vote up my comment if helped you — Ankita
– Ankita, Commented Jun 9, 2015 at 7:32

VijithV · Accepted Answer · 2015-06-09 10:34:33Z

3

if the variable has html content you need to use $sce.trustAsHTML instead of expression.

for line breaks you can use style="white-space: pre;"

answered Jun 9, 2015 at 10:34

VijithV

415 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

temporalis Over a year ago

Yes I know, see the discussion above. It works like this: jsfiddle.net/uPw2U/182 instead of the css style I use a function nl2br. But isn't there a possibility to use the {{}} syntax with no-bind-html?

Collectives™ on Stack Overflow

Angularjs JSON Unicode Characters

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related