问题标签 [ng-bind-html]

Plnkr： http ://plnkr.co/edit/6xe46opL2kpgQrf7VaEu?p=preview

我有一个ng-click="switchCurreny()函数，我正在尝试处理一个 HTML 块，该块放置在另一个 HTML 块内，该块嵌入在我的directive.

我的app-main控制器将另一个 HTML 块放入放置 HTML 的指令中，还包含ng-click我正在尝试使用的功能：

我的模态 HTML 指令

HTML

我必须使用 AngularJS 渲染 HTML 内容，我可以这样做

它有效，但我唯一的问题是我不想在字符串中渲染它，我宁愿它只在我想要渲染它的地方渲染它。例如

像这里，我不想添加另一个 div，并在里面加载 myHtmlContent。有没有办法做到这一点 ？

我在使用 angularjs 的 ng-bind-html 选项从文本中删除 html 代码时遇到问题。

我的文字原本是这样的：

但这是结果：

这是一个代表我的问题的 jsfiddle：jsfiddle

我能做些什么？

在我的指令中，我有一个$scope.show = ''. 当用户将图像放在 DOM 元素上时，它会更新为$scope.show = <img src="..." />.

在我的模板中，我有<span ng-bind-html-unsafe="show"></span>.

我可以看到 $scope 立即更新，因为我将它记录到控制台。然而，它需要大约 1 - 1.5 秒才能绑定到模板。

提前致谢

我正在尝试通过这个答案$interpolate使用并将ng-bind-html我的范围变量的数据绑定到一个 html 字符串。现在，当我的范围变量的值正在更新结果时，它不会更新。ng-bind-html

我不想$interpolate每次我的范围更新时都打电话。

这是我的控制器代码：

这是我的视图代码：

我能够将字符串分解为字符数组并将每个字符包围在其中，<span></span>但是当我尝试将此数组传递给表时，html 不会呈现。断弦：

当我尝试像这样创建表时：

cron_format 中没有值： 不尝试渲染-><td>{{parse(cron_format)}}</td>

表格如下所示： 我做错了什么？

更新：

我改变了函数的最后两行：

我得到这个错误：

有人可以解释我在这里犯了什么错误吗？

我是编程新手，这是我必须发布的第一个问题。

我要做的是使用ng-bind-html将五个图像文件放入由ng-repeat. 这五个图像文件在ng-repeat.

我也有这个myApp，并且没有sce定义等问题。

如果我将newGamein替换getStars(newGame)为代码工作范围下定义的内容，但是使用newGame（尝试与来自 的临时变量匹配ng-repeat = "newGame in myGamesList"），则不会出现任何内容。

我怎样才能使它newGame被识别为正在迭代的每个元素？

该函数getStars有以下代码

如果有帮助的话。为了澄清，我需要每个newGameinmyGamesList作为输入到getStars函数的参数。

对不起，如果这很难理解，但我试图覆盖我所有的基础！

我想知道和之间ng-bind的区别。ng-bind-htmlng-bind-html-unsafe

此外，当我在下面运行代码时，我收到如下所述的错误：

代码 ：

错误 ：

错误：[$sce:unsafe] 试图在安全上下文中使用不安全值。 http://errors.angularjs.org/1.3.11/ $sce/unsafe 在 REGEX_STRING_REGEXP ( https://www.angularapprj.com:4443/js/angular.js:63:12 ) 在 htmlSanitizer ( https:// www.angularapprj.com:4443/js/angular.js:15053:13 ) 在 getTrusted ( https://www.angularapprj.com:4443/js/angular.js:15217:16 ) 在 Object.$get.sce .(匿名函数) [as getTrustedHtml] ( https://www.angularapprj.com:4443/js/angular.js:15897:16 ) 在 Object.ngBindHtmlWatchAction [as fn] ( https://www.angularapprj.com :4443/js/angular.js:20449:29 ) 在 Scope.$get.Scope.$digest (https://www.angularapprj.com:4443/js/angular.js:14230:29 ) 在 Scope.$get.Scope.$apply ( https://www.angularapprj.com:4443/js/angular.js :14493:24 ) 在 BootstrapApply ( https://www.angularapprj.com:4443/js/angular.js:1449:15 ) 在 Object.invoke ( https://www.angularapprj.com:4443/js/angular .js:4182:17 ) 在 doBootstrap ( https://www.angularapprj.com:4443/js/angular.js:1447:14 )

这是什么意思？我知道在命令式代码中使用声明性代码不是一个好习惯，尽管我只是在尝试使用<b>Hello World</b>inng-bind-html指令。

我不想在由 ng-bind-html 指令呈现的 html 内容中显示图像。我怎样才能做到这一点？

在这里，我想从“news.body”内容中删除图像。通过不操纵核心 HTML 内容。

可能吗？提前致谢。

所以我在 ng-repeat 中有一个 ng-repeat。内部 ng-repeat 引用“recipe.ingredients 中的项目”。问题是这些“项目”中的每一个都有特殊字符，除非我使用 ng-bind-html，否则这些字符不会呈现。但是当我尝试使用 ng-bind-html 时它不起作用。这是html：

这有效，但不能正确显示特殊字符（成分测量的分数）：

我尝试使用 ng-bind-html 代替（不起作用）：

ng-repeat 中的“项目”示例：