问题标签 [ng-bind-html]

希望有人能指出我正确的方向。

我正在构建一个网络应用程序，其中一部分要求用户尽快单击按钮以获得分数。设计要求我需要以两位数显示这个分数，即 9 将是 09，因此对于样式，我需要在每个数字周围包裹 span 标签。

我已经按要求完成了所有工作，我只是在将包含在 span 标签中的分数输出为我认为呈现的 html 时遇到了问题。

我已经为导致我出现问题的部分整理了一个小提琴。非常感谢任何建议、帮助、最佳实践等。

我试过的：

我已经包含了一些我尝试过的东西。基本上它们涉及使用 $sce 并尝试在视图中使用 ng-bind-html。尝试 3 对我来说似乎是最合乎逻辑的，但 $scope.count 没有被更新。我猜我需要添加一个 $watch 或 $apply 函数来保持绑定？但我不太确定如何实施它，或者即使这是一种好习惯。另外，因为我正在输出 html，所以在指令中执行此操作是否更好？

小提琴http://jsfiddle.net/funkycamel/gvxpnvqp/4/

HTML

Javascript

这些当前输出

再次非常感谢任何建议/帮助。

我正在制作一个简单的电子邮件客户端。

我正在使用$sce将电子邮件 html 注入到我的 div 视图中。我使用这个 SO question中的信息来设置它。

我有一项服务可以检索电子邮件并提供数据（在消息服务中）：

然后在我的控制器中：

然后我绑定它，瞧，一切似乎都奏效了。

除了现在我的菜单链接的样式很有趣（添加了装饰器）。当我检查菜单项（这是链接，我看到这个）：

MsoHyperlink 类到底是从哪里来的？？？

好吧，当我检查通过 注入到视图中的 html 时，ng-bind-html我看到了这个：

所以有样式......但首先，它们被注释掉......其次，它们如何设计我的应用程序。

第三也是最重要的......我该如何解决这个问题？

我的问题归结为......如何在我的角度视图中安全地显示 html 电子邮件而不影响我的应用程序的样式？

我是 AngularJS 的新手。我有一个 HTML 表格，如下所示：

角函数如下所示：

我现在遇到的问题是，我希望在我的 HTML 视图中拥有的数据在每个“td”中，而不仅仅是在具有正确 ID 的那个中。经过一番思考，这是您可以期待的行为。

我现在的问题是：
是否可以给'ng-bind-html'一个变量，如 --> variable(rule.id) 然后在 Angular 函数中我写一些类似 --> $scope.variable(ruleId) =数据；
或者是否有解决这个问题的另一种方法？

提前致谢。

AngularJS v1.3.14：目前，我成功地在我的 Angular 应用程序中使用“ngSanitize”模块和“ng-bind-html”将一些 HTML 绑定到页面上某个区域的输出。这有效并且不需要旧的 $sce '信任 HTML' 东西。

但是，我想在该 HTML 中嵌入子绑定。

所以......这样的事情......

这样的事情不...

想法？

我在 app.js 中定义了不同的控制器和相应的模板 url：

我的 TestParseController 定义如下：

html：testParse.html：

div 得到正确填充，但 ng-click 填充按钮不起作用，但它适用于页面本身可用的 h3 标签。

有人请帮忙..

为了学习 Angualr.js，我正在尝试使用插件 WP REST API 收集一篇 Wordpress 帖子，并以正确的格式将其显示在模板上。我的帖子显示了使用 sanitize 和 ng-bind-html 的正确方法。

但是，我最初在帖子中突出显示了一些代码块（使用 WP Code Prettify）。例如：

问题是如何使用 ng-bind-html 使原始帖子看起来像上图？还是有另一种更有效的方法来做到这一点？

我有一个看起来像这样的中继器设置

其中 m.MessageText 是一个字符串，看起来像

用户将看到一个模板短语列表，检查所需的短语，填写文本区域，然后提交一封电子邮件，其中填写了所提供的短语。

通过使用 ng-bind-html，输出看起来应该是正常的。但是当使用 ng-model 时，输出不显示 html。如何绑定这些信息，使其呈现为正确的 html，同时还允许我收集用户提供的信息？

我是 AngularJS 领域的新手，当然我做错了事。所以，这是我的问题：我有一个小型聊天小部件，它通过 JSON 从 PHP API 获取数据。在我的 JSON 中，我为所有消息提供了包装器和一些 ng* 标签。我遇到的问题是这些元素上没有触发 ng-click 动作。html 块是用 ng-bind-html 注入的。

这是我的角度应用程序：

这是来自 JSON 的 html 代码：

ng-click="messageAdminTools('1')单击元素时不会触发。我究竟做错了什么？

谢谢！

编辑：工作代码

这是答案后修改的代码，解决问题的代码：

HTML：

我有一个 ng-repeat 循环，与 ng-switch 和 ng-bind 结合使用（我假设 ng-switch 不是这里的问题）。

消息被定义为具有以下结构的对象数组：

除了一个 setter 方法（它在返回对象的同一个函数中，假设这个函数是对象构造函数）

当消息对象的 yesno 属性为 false 时，用户可以单击文本并将其更改为下一个可用文本（然后在到达数组绑定时返回原始文本）。

因此，当用户点击文本时，会触发以下事件：

基本上：

• 获取点击消息的索引（对应于当前 ng-repeat 循环的索引）
• 增加它

这样，nd-bind 应该绑定message.texts中可用的下一个文本。然而，事实并非如此。

我很确定：

• ng-bind: 设置正确（message.texts 的第一个元素打印正确）
• message.active_text 已正确更新

另外，我尝试使用：

但我什至得到一个错误（通常它有效）：

未捕获的类型错误：$scope.apply 不是函数

有什么线索吗？

当我在模态中使用 ng-bind-html 时，例如

...绑定到 div 的 html 不会包含在模式中，它会溢出它的边缘。我怎样才能防止这种情况？