问题标签 [ng-bind-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
735 浏览

angularjs - ng-controller 在 html 中不起作用

嗨,我收到了一个 HTML 响应,其中嵌入了完整的 Angular 代码,我已经尝试了 ng-bind-html 和 ng-html-compile 进行渲染。它都不起作用。HTML 元素正在正确呈现,但 ng 指令都不起作用。有人可以帮忙解决这个问题吗?

在我的控制器内部,我将 http 响应数据(html)分配给 rootscope 变量($rootScope.htmlResponse=data)。

这是 html 编译的指令

搜索结果.html:

这是我得到的 http 响应示例:

将显示以下结果:

0 投票
3 回答
2526 浏览

html - 我想显示具有 angularjs 代码的 html 页面($compile/ng-bind-html 不起作用)

我是 angularjs 的新手。在我的项目中,我得到一个 HTML 文件作为 http 响应。ng-bind-html 适用于 html 代码。但是html 中的 angularjs 代码没有被编译。我尝试了 $compile 的解决方案,但没有任何效果。请为此提出一个好的解决方案。

假设我们有一个这样的示例代码:

如果我只得到 HTML 作为响应,这很好用。当我使用 angularjs(包括 app.module、app.controller、app.directives)获取 HTML 时,只有 html 部分被编译。请帮我解决这个问题。

这是我的示例回复。

0 投票
1 回答
515 浏览

javascript - AngularJS:如何将 ng-bind/ng-bind-template 用于 HTML5 数据属性

在我的代码中,我有一个按钮,我通过使用 HTML5 数据属性和 AngularJs 表达式将数据附加到它以向它显示通知。代码是这样的

但是使用表达式的坏处可以在这里找到。因此,显然解决方案是使用ng-bindor ng-bind-template

但是如何为 HTML5 的数据属性执行此操作,因为在我的 CSS 中,我将样式声明为data-notification

欢迎对此问题提出任何建议。

-编辑我认为对我的问题有些误解。上面要显示的代码{{tweetCount}}对我有用。唯一的问题是,double curlies在页面加载时实际上会向用户显示一瞬间。ng-bind/ng-bind-template建议使用解决此问题。但就我而言,我必须将其应用于 HTML5 的数据属性标签。怎么做?

0 投票
1 回答
1173 浏览

angularjs - ng-bind-html 中的表达式未呈现

我们有动态模板。在里面ng-repeat我正在使用ng-bind-htmlwhich 调用返回 HTML 的方法,但该 HTML 中的表达式没有呈现。知道为什么吗?

这是控制器:

0 投票
2 回答
3371 浏览

angularjs - ng-bind-html vs {{interpolation}}

这是我的问题,有什么优点和缺点?

在我的应用程序中,我正在使用插值,但出现这样的错误

{{::sport.name}}->NHL Futures & Props

如果我使用ng-bind-html

ng-bind-html="sport.name"->NHL Futures & Props

在这种情况下ng-bind-html正在做我想做的事。但是,它有什么问题吗?

有一个比另一个更好吗?

所以告诉我,我愿意接受建议。

0 投票
1 回答
5712 浏览

angularjs - 如何在 Angular.JS 中解析变量的 HTML 内容?

我是 Angular.JS 的新手,目前正在做我的第一个项目。我有一页完整的条目

预告片可能包含 HTML 格式或类似&. 我想要做的是“解析”这个 Teaser,以便浏览器(目前是谷歌浏览器)正确地“理解”格式。

对于详情页,向 shownews 传递了一个 id,但第一次调用没有 id 来读取所有新闻,用户可以通过每个新闻链接到达详情页。在这里,我已经遇到了同样的问题。下面,您可以看到主新闻页面和详细信息页面的 Angular.JS 代码,我可以使用以下ng-bind-html指令解决详细信息页面的问题:

我的问题是如何ng-bind-html正确使用该命令,以便$scope.myHTML在它是文本数组的情况下解析它。

谢谢您的回答!

0 投票
3 回答
987 浏览

javascript - 无法在 AngularJS ng-views 中加载 Instagram 个人资料

我正在尝试嵌入 Instagram 个人资料:

ng-view但是当在(trust简单地调用)中显示它时$sce.trustAsHtml

配置文件不加载。知道为什么吗?我认为这与scriptInstagram 嵌入 HTML 末尾的标签有关,但我还没有找到解决方案:

这是一个你可以玩的plunker,看看它在这个fiddle上应该是什么样子。

0 投票
0 回答
898 浏览

ios - SVG 和 ng-bind-html 不适用于使用 Ionic 框架的 IOS

我正在努力让我的小离子应用程序使用 IonicFramework 在 IOS 中显示 SVG 文件。

它可以在浏览器和 Android 5.0 上运行,但是当我在 IOS 中试用时,我的标志没有出现。

如果我将硬编码的标志添加到 html 中,该标志就会出现......

嗯我做错了什么??该示例基于使用空白模板的新 Ionic 项目...

JS 片段:

HTML 片段:

http://codepen.io/flemmingdjensen/pen/XbRKLV

0 投票
1 回答
1403 浏览

jquery - AngularJS 转换 unicode html ng-repeat

我对 AngularJS 有疑问。我的模板中有这个代码来显示用户列表:

我在 $http.get-request 中获取我的数据。JSON 是未编码的,例如:"Name1":"• RS's •"

如何{{x.Name1}}在我的模板中以正确的方式显示 Name1?在我的控制器中,我有一个函数使用 jquery 以正确的方式解码字符串。

我是否必须$scope-data使用转换后的字符串更改或是否有其他可能性?我尝试了一切,ng-bind-html="expression"但没有成功。

0 投票
1 回答
554 浏览

angularjs - 哪个表达式不会通过 $sce.trustAsHtml 清理?

假设我有 -

可以检查什么trustAsHtml以使其expression不会显示为信任 HTML ?

请给我一些例子。