html characters inside array

Question

trying to show the data inside post.specials with HTML characters. I want to display 'ö' instead of ö ngSanitize and ng-bind-html should do the trick? I'm doing something wrong here

        <script>
            function LunchBox($scope, $http) {
                var url = "yahoo.com/api/callback=JSON_CALLBACK";
                $http.jsonp(url).
                    success(function(data) {
                        $scope.posts = data;
                    }).
                    error(function(data) {
                    });
            };

            angular.module('LunchBox', ['ngSanitize'], ['ui.bootstrap']);
        </script>

<!doctype html>
<html ng-app id="ng-app">
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular-sanitize.min.js"></script>
        <script src="js/ui-bootstrap-tpls-0.10.0.min.js"></script>
        <link href="css/bootstrap.min.css" rel="stylesheet" />
    </head>
    <body>
        <h1>Lunchmenu</h1>
        <div id="LunchContainer" ng-app ng-controller="LunchBox">
            <div ng-repeat="post in posts | orderBy:['name']" class='postBody'>
                <h2><a href='{{post.dataurl}}' class="postHeader">{{post.name}}</a></h2>
                <p ng-repeat="special in post.specials" ng-bind-html="post.specials" class="postDetail"></p>
            </div>
        </div>
    </body>
</html>

stackoverflow.com/questions/9381926/…

qwetty
– qwetty

2014-11-26 15:51:38 +00:00
Commented Nov 26, 2014 at 15:51 — qwetty
– qwetty, Commented Nov 26, 2014 at 15:51
@qwetty that's exactly what he's doing.

doog abides
– doog abides

2014-11-26 15:55:10 +00:00
Commented Nov 26, 2014 at 15:55 — doog abides
– doog abides, Commented Nov 26, 2014 at 15:55
yeah I tried that link

mapa0402
– mapa0402

2014-11-26 15:59:46 +00:00
Commented Nov 26, 2014 at 15:59 — mapa0402
– mapa0402, Commented Nov 26, 2014 at 15:59

doog abides · Accepted Answer · 2014-11-26 16:00:05Z

2

From Angular docs: ngBindHtml

You may also bypass sanitization for values you know are safe. To do so, bind to an explicitly trusted value via $sce.trustAsHtml. See the example under Strict Contextual Escaping (SCE).

In your controller, inject $sce and add:

$scope.displaySpecial = function(html)
{
    return $sce.trustAsHtml(html);
};

Then change your view code to:

<p ng-repeat="special in post.specials" 
        ng-bind-html="displaySpecial(special)" class="postDetail">
</p>

answered Nov 26, 2014 at 16:00

doog abides

2,29718 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

html characters inside array

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related