Javascript 用AngularJS思考：嵌入文本中的字符/标记被破坏_Javascript_Html_Angularjs

Javascript 用AngularJS思考：嵌入文本中的字符/标记被破坏

javascript html angularjs

Javascript 用AngularJS思考：嵌入文本中的字符/标记被破坏,javascript,html,angularjs,Javascript,Html,Angularjs,我的头在有棱角的东西上绕不动。我有一个页面，在那里我列出博客文章（或者无论如何，我会）。帖子存储在数据库中。Angular从php脚本获取它们。这一切都很好，但这些博客中嵌入了标签（a、img等），这是可以理解的。安格尔似乎不喜欢那样在这里搜索之后，我发现了一个答案，这两个错误是我的博客文章中有换行符时产生的（恐怖）。（空白：预换行）。我发现没有嵌入标签的爱。此外，在消息中使用双引号会导致页面无法呈现以及控制台中出现错误我相信这个问题已经被问过很多次了，但是搜索只会给我带来误报( 编辑：pl

我的头在有棱角的东西上绕不动。我有一个页面，在那里我列出博客文章（或者无论如何，我会）。帖子存储在数据库中。Angular从php脚本获取它们。这一切都很好，但这些博客中嵌入了标签（a、img等），这是可以理解的。安格尔似乎不喜欢那样

在这里搜索之后，我发现了一个答案，这两个错误是我的博客文章中有换行符时产生的（恐怖）。（空白：预换行）。我发现没有嵌入标签的爱。此外，在消息中使用双引号会导致页面无法呈现以及控制台中出现错误

我相信这个问题已经被问过很多次了，但是搜索只会给我带来误报(

编辑：plunker或JSFIDLE需要我稍微修改一下模型。让我试试这个

这是实际的代码

   <script>

    function aboutController($scope,$http) {
    var site = "http://onfilm.us";
    var page = "/about.php";

    $http.get( site + page )
    .success(function(response) {

        for ( i = 0; i < response.length; i++ ) {
            console.log( response[i] )
        }

        $scope.data = response;
    });
}

</script>
</head>
<body>

    <script src="header.js"></script>
    <div class="centered" style="top: 50px; width: 500px" data-ng-app="" data-ng-controller="aboutController">
        <div class="" style="font-family: sans-serif;" data-ng-repeat="item in data">
                <div class="text">{{ item.message }}</div>
        </div> 
    </div>
</body>


函数aboutController（$scope，$http）{
变量站点=”http://onfilm.us";
var page=“/about.php”；
$http.get（站点+页面）
.成功（功能（响应）{
对于（i=0；i


您可以在此处看到实际的输出：

令人不安的部分将是在这个窃笑。
取自。。。
它显示为字符串文字，与上面的代码…不是链接
如果需要，您可以在此处查看它读取的全部数据：
要在绑定中包含html标记，请执行以下操作：
在页面中包括angular-sanitize.js：
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.25/angular-sanitize.min.js"></script>


使用ng bind html绑定数据；因此，请替换：
<div class="text">{{ item.message }}</div>

{{item.message}

与


如果你能发布一个提琴/扑克牌，那将非常有帮助。我现在在那里放了一个样品。我会试一下提琴。谢谢——我明天会检查这个。现在正在冒烟。；）很抱歉耽搁了。刚试过。工作！谢谢一件很小的事情——单引号似乎没问题，但我得到了一个解析错误，即双引号。您的意思是当item.message的字符串值中有双引号时，它无法解析吗？是否有错误消息？另外，您可以发布导致其失败的字符串吗？数据库中的值看起来像[“一个引号值得…”。使用括号在DB列中显示。错误为“意外令牌A”。然而，我找到了一个解决办法，用\来避开引号\“报价值…\”在这种情况下有效。宜居的。。。只是好奇为什么单引号不需要这个。
<div class="text">{{ item.message }}</div>

<div class="text" ng-bind-html="item.message"></div>