javascript - 使用 $http Angular 时如何返回 HTML 以显示为 HTML 而不是文本

Question

我已经坚持了好几天了。

基本上我有一个带有 Angular 的 $http.post，发布一个电子邮件地址和要从 post.php 通过电子邮件发送的消息。 Post.php 然后根据 mail() 的结果回显文本，但是当我返回

Success

时，它实际上会在 DOM 上显示 HTML 而不是处理它。

感谢任何帮助。

app.controller('contactsController', function($scope, $rootScope, $http) {

        $rootScope.currentPage = "contact";
        $scope.postData = {};
        $scope.data = "Send";

        $scope.runScript = function() {
            $http({
                url: "post.php",
                method: "POST",
                headers: {'Content-Type': 'application/x-www-form-urlencoded'},
                data: $.param({"postData":$scope.postData})
            }).success(function(data) {
                $scope.data = data;
                console.log(data);
                $scope.contactForm.$valid = false;
            }).error(function(data, status, headers, config) {
                $scope.status = status;
            });

        };
    });
<?php

// get the raw POST data

$inputData = $_POST['postData'];

if(isset($inputData["email"])&&isset($inputData["message"])) {

    $email = $inputData["email"];
    $message = $inputData["message"];

    $to = "XXXXXXXXXXXXX@XXXXXXXXXX.COM"; // required

    $from = $email; // required

    $body = $message;

    $subject = "Online Query Submission";


// create email headers

    if(mail($to,$subject,$body,"From:$from/r/nReply-to:$from"))
        echo "<p>Success - Thanks!</p>";
    else
        echo "<p>Error - Sorry!</p>";

}

 ?>

Answer 1

我相信你应该在你的 View 中使用 ng-bind-html，像这样:

<div ng-bind-html="data"></div>

当您将从服务器返回的消息归因于 Controller $scope 变量时，如下所示:

$http(url).success(function(data){
$scope.data=data;
});

来自 angularjs doc about ngBindHtml ,

ng-bind-html evaluates the expression and inserts the resulting HTML into the element in a secure way