ng-bind-html对输入标签无效

Question

我正在尝试将HTML存储在范围变量内，然后在模板视图中使用它。当我以角度阅读如何做时，我遇到了ng-bind- html。在这方面，我注意到当我将HTML标签与，等绑定时<a>，<strong>它可以工作。但是我无法为其添加<input>标签。

意思是，这有效：

$scope.myHtml = '<strong>This is <a hreaf="#">Something</a></strong>';

模板：

<p ng-bind-html="myHtml"> </p>

但这不起作用：

$scope.myHtml = '<input type="text" />';

模板：

<p ng-bind-html="myHtml"> </p>

上面只是一个简化的示例，仅用于演示目的。我的问题是：

1）标签不能与ng-bind-html指令一起使用吗？

2）如果没有，我如何html绑定输入标签，以便可以将其插入视图中？

Answer 1

您收到$ sce：unsafe错误…

这意味着您应该使用，ng-bind-html- unsafe但是较新版本的angularjs不再包含此指令，因此您应该sce.trustAsHtml()像这样使用$ …

$scope.trustedInputHtml = $sce.trustAsHtml('<input type="text" />');

但是这种方式您不能将范围变量绑定到您的html，因此最好的方法是编写可以替换为ng-bind-html-unsafe… 的指令。

这是用于$ sce和指令示例的PLUNKER
…