Sanitize Angular JS采用双卷曲护腕

Question

我正在尝试显示我从服务器获取的html。服务器响应的示例如下：'<p>Hello Mister {{first_name}}</p>';

因此，在我的控制器中，我将此响应存储在$ scope变量中，如下所示：

$scope.centralText.text = $sce.trustAsHtml(response_from_server)

在HTML方面，我做了绑定：

<div ng-bind-html="centralText.text"></div>

，结果是“Hello Mister {{first_name}}”。

我要完成的是将变量$ scope.first_name的泛型值传递给服务器响应html。

示例：

$scope.first_name = "Luis Figo";

输出：

你好，路易斯·菲戈先生

要明确： html <p>Hello Mister {{first_name}}</p>只是一个虚拟的例子，它可以是其他任何东西，所以我无法进行硬编码。

感谢您的帮助！

更新

以我的例子为plunker。

Answer 1

您需要使用$compile service针对您的范围编译html。

$compile($sce.trustAsHtml(response_from_server))($scope);