AngularJS解析CSS代码

时间:2014-10-28 20:15:39

标签: json angularjs parsing

enter image description here我使用带有wordpress API的angularjs和范围输出我有问题来解析返回的CSS。

对于HTML解析,我一直在使用

<div ng-repeat ="article in post">
    <div ng-bind-html="article.content">
        {{ article.content }}
    </div>
</div>

angular.module('blancAppApp')
  .controller('SlugCtrl', function ($scope, $http, $routeParams) {

    $http.get('/wp-json/posts/?type=post&type=page&filter[name]=' + $routeParams.slug ).success(function(res){  
        $scope.post = res;
      return $scope.post;
      console.log($scope.post);
    });
});

这个工作正常,但在CSS上我有以下原始输出

#gallery-1 { margin: auto; } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 50%; } #gallery-1 img { border: 2px solid #cfcfcf; } #gallery-1 .gallery-caption { margin-left: 0; } 

JSON

\n<style type='text\/css'>\n#gallery-1 {\nmargin: auto;\n}\n#gallery-1 .gallery-item {\nfloat: left;\nmargin-top: 10px;\ntext-align: center;\nwidth: 50%;\n}\n#gallery-1 img {\nborder: 2px solid #cfcfcf;\n}\n#gallery-1 .gallery-caption {\nmargin-left: 0;\n}\n<\/style>\n

1 个答案:

答案 0 :(得分:0)

尝试将css包装在样式标记中。

删除/的转义,您不需要(包括开始和结束标记。)

也尝试删除换行符(\ n)