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

  • Z时代
  • 2024-01-10
  • 分类：问答

我正在尝试将HTML存储在范围变量内，然后在模板视图中使用它。当我以角度阅读如何做时，我遇到了ng-bind-

html。在这方面，我注意到当我将HTML标签与，等绑定时<a>，<span>它可以工作。但是我无法为其添加<input>标签。

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

模板：

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

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

模板：

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

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

回答：

您收到$ sce：unsafe错误…

这意味着您应该使用，ng-bind-html-

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

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

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

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

…

以上是 ng-bind-html对输入标签无效 的全部内容， 来源链接： utcz.com/qa/402487.html

回到顶部