我使用带有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
答案 0 :(得分:0)
尝试将css包装在样式标记中。
删除/的转义,您不需要(包括开始和结束标记。)
也尝试删除换行符(\ n)