使用AngularJS從JSON對象中過濾HTML

Question

我目前正在從事Wordpress項目。 但是，要進行一個不錯的更改，我正在使用JSON API，它僅提供我所需的信息。

我目前只面臨一個問題。 我的JSON中的內容部分包含HTML標記，這些標記被打印在屏幕上，而沒有實際使用HTML標記。

JSON輸出如下所示：

 [{
"ID": 11,
"title": "test",
"status": "publish",
"type": "page",
"author": {
    "ID": 1,
    "name": "admin",
    "slug": "admin",
    "URL": "",
    "avatar": "http:\/\/0.gravatar.com\/avatar\/401f2b3c91dee8969b193544c3d9a636&d=404&r=G",
    "meta": {
        "links": {
            "self": "http:\/\/geertvandelangenberg.nl\/wp\/wp-json.php\/users\/1",
            "archives": "http:\/\/geertvandelangenberg.nl\/wp\/wp-json.php\/users\/1\/posts"
        }
    }
},
"content": "<p>testtt<\/p>\n", 
}]

我的HTML看起來像這樣：

<script src="http://geertvandelangenberg.nl/wp/wp-content/themes/twentythirteen/js/angular.min.js"></script>
<script>
    function PostsCtrlAjax($scope, $http) {
        $http({method: 'GET', url: 'http://geertvandelangenberg.nl/wp/wp-json.php/pages/'}).success(function(data) {
            $scope.posts = data; // response data 
        });
    }
</script>

    <div id="ng-app" ng-ap- ng-controller="PostsCtrlAjax">
        <div ng-repeat="post in posts">
            <h2>
                <a href='{{post.link}}'>{{post.title}}</a>
            </h2>
            <div class="time">
                {{post.date}} - {{post.author.name}}
            </div>
            <p>{{post.content}}</p>
        </div>
    </div>

誰能告訴我如何過濾掉JSON對象中的HTML標簽？

提前致謝！

蓋爾特

編輯

到目前為止，感謝您的評論，任何人都可以編輯此jsbin，即使使用AngularJS文檔，我似乎也無法設法使其正常工作。 我對Angular仍然不太滿意，但是如果有人可以幫助我，將不勝感激:)

jsbin.com/oRoqIJEC/1/edit

PS。 由於愚蠢的Access-Control-Allow-Origin問題，輸出在jsbin上不起作用。

Answer 1

ng-bind-html將呈現您的HTML。 但是不要忘記將ngSanitize注入您的控制器。