在ng-repeat内部，下面的代码不起作用：
<input type="text" ng-bind-html="row.value" />
以下是：
<span ng-bind-html="row.value"></span>
我猜ng-bind-html无法绑定到input元素？
ng-bind-html是否确实将元素与模型绑定(此处为row.value)？
浏览 2提问于2013-12-26得票数 6
回答已采纳
2回答
我正在用JSON对象将文本注入到我的角度应用程序中。有一个"bio“部分，它要求<br />这样的HTML样式，这样文本就不是一块不可读的文本。我试过trustAsHtml，但对我没有用。一个工作的例子将是最好的，因为我已经阅读了角文件，并没有得到任何东西为我工作。
我们非常感谢你的帮助！
HTML /角JS
<div class="bio">
{{exhibits[whichItem].bio}}
</div>
JSON
[
{
"name":"Name goes here",
浏览 3提问于2017-09-26得票数 1
回答已采纳
3回答
我尝试过在组件上应用angular.js。我知道这需要使用ng-repeat，实际上我不知道如何应用这个。
在我的示例中，数据是作为HTML文档生成的，以便重复使用。每个$ctrl.htmlViews数据都是这样的。
<li ...> ... </li> <li ...> ... </li> ... <li ...> ... </li>
我想在下面的<ul>中附加这些文档。
<div class="scroll" id="antTalkList" view-type=&#
浏览 3提问于2016-08-31得票数 1
我正在尝试创建一个带有bookmarklet的页面，如下所示：
<a ng-href="{{getBookmarklet()}}">Bookmarklet</a>
function MyCtrl($scope) {
$scope.getBookmarklet = function() {
return 'javascript:alert(1)';
}
}
href被清理为unsafe:javascript:alert(1)。因此，我尝试使用sce.trustAs来防止这种情况：
function MyCtrl($sco
浏览 1提问于2013-10-16得票数 5
我正在用ng-bind-html显示angularjs变量
<div style="font-style:italic;font-size:18px">
"<span ng-bind-html="quote.body"></span>"
</div>
它在span之外使用引号进行解析，如下所示：
<div style="font-style:italic;font-size:18px">
"
<span ng-bind-html="quote
浏览 1提问于2015-01-11得票数 1
回答已采纳
在我的应用程序中，我尝试连接两个字符串:电子邮件和一些文本。
但我遇到了麻烦，我需要可以翻译的文本部分，所以我写道：
$scope.textUnsubscribe = 'SUCESSFULL_UNSUBSCRIBE';
考虑到：
<h4 ng-bind-html="textUnsubscribe | translate"></h4>
当然我能做到(电邮+文本)：
<h4 ng-bind-html="userEmail"></h4>
<h4 ng-bind-html="textUnsub
浏览 0提问于2015-08-24得票数 3
回答已采纳
1回答
有一个HTML，它通过过滤器在容器div中转换和显示文本：
<div ng-bind-html="message.message | hrefConvert | rawHtml | test"></div>
我如何在ng-bind-html中添加另一个对象ng-bind-html，即通过筛选test来处理，并在div元素中返回其他文本？
浏览 1提问于2015-04-29得票数 0
回答已采纳
1回答
我在更改div的html时发现了一个问题：
document.getElementsByClassName("lab")[0].setAttribute("ng-bind-html", "binds");
$scope.binds="<h1>run</h1>";
我在java脚本中设置属性ng-bind-html，因为我已经在代码中集成了一些插件，在这些插件中，div of class="lab"是通过JavaScript声明的。属性binds是正确附加的，我在in元素中选中了这个属性。实
浏览 2提问于2016-01-16得票数 0
回答已采纳
我试图将html绑定到div元素，但实际上不知道如何实现。我对angularjs不是很在行，但ng-bind-html是否应该这么做呢？
我就是这么做的，
<div ng-bind-html="{{tile.Info.Title}}"></div>
<div ng-bind-html="{{tile.Info.Content}}"></div>
在角度2它只是[innerHTML]，不能让它在这里工作，有什么建议吗？
浏览 3提问于2017-12-19得票数 0
回答已采纳
我试图在"ng-bind-html“标记中使用"title”指令来呈现货币符号的货币值，但表达式没有计算。
我就是这样想的：
$scope.salary= 10000;
$scope.currencySymbol = '€';//€
<div title="{{ng-bind-html= 'salary |currency:(currencySymbol+' '): 0'}}"> //This is not working
<span ng-bind-html="sal
浏览 7提问于2022-06-28得票数 2
3回答
我试图创造一个棋盘的角度，并在大多数情况下，从成功走向成功。我已经创建了一个表示起始位置的数据结构，就目前而言，我的HTML与我在下面粘贴的内容一样简单。用于返回类的相关代码可以工作，但我试图添加一个ng单击处理程序，该处理程序使用相同的参数(仅在下面的HTML中使用第一行；实际上相当于棋盘上的第一列或"A“文件)。
然而，ng的相关Javascript代码还没有到达actions.move()。在标记下面，我粘贴了一些Javascript，在这个下面粘贴了一些生成的DOM。我做错了什么？
HTML:
<div ng-controller='ChessBoardCont
浏览 1提问于2014-01-29得票数 0
回答已采纳
我正在用Typescript写一个有角度的前端。我需要为正确的渲染绑定html。为此，我使用ng-bind-html。 它可以很好地处理简单的变量，比如 <span ng-bind-html='property'></span> 在应用程序中呈现正确的文本。 但是现在我有一个非常复杂的变量 {{notification.getTranslationKey() | translationNamespace:parentctl.getTranslationNamespace() | translate}} 我尝试了将ng-bind-html与此表达式一起
浏览 7提问于2019-04-14得票数 0
1回答
这就是我的问题，利弊是什么？
在我的应用程序中，我使用插值，但是我会遇到这样的错误
{{::sport.name}} -> NHL Futures & Props
如果我使用ng-bind-html
ng-bind-html="sport.name" -> NHL Futures & Props
在这种情况下，ng-bind-html正在做我想做的事情。但是，它有什么问题吗？
有一个比另一个好吗？
所以告诉我，我愿意接受建议。
浏览 3提问于2015-05-13得票数 6
回答已采纳
我使用ng-bind-html (带有ngSanitize模块)在视图中将html显示为纯文本。它绑定到作用域变量partyinfo。
<div class="panel panel-primary" ng-bind-html="partyinfo" contenteditable="false"></div>
如何在控制器端查看相同的作用域变量并转换为纯文本？有没有在控制器端做ng-bind-html的等效方法？
谢谢你的帮助。
浏览 3提问于2017-05-23得票数 0
我需要在ng-bind-html中使用表单标签吗？ng-bind-html不是绑定表单标记( form，input)。请提供绑定表单标签的解决方案。
浏览 4提问于2013-12-27得票数 0
我有一个场景，我想在ng-bind-html创建的DOM上运行一个自定义指令。
基本上，我必须定制html标记<a>的行为，因为加载的html是不安全的，当用户单击链接时，我必须在发生任何事情之前执行一些函数，也就是jqLite的click事件。
因此，我最初的想法是创建一个指令，它修改我放置指令属性的容器中任何<a>的行为。
这很好，直到我与ng-bind-html结合，我的指令在ng-bind-html将字符串编译成html并附加到DOM之前运行。
那么，在ng-bind-html运行之后有什么方法可以运行我的自定义指令呢？
浏览 1提问于2015-03-04得票数 3
回答已采纳
我有作用域variable.like
$scope.demo='<h1>This is test</h1>';
我可以使用ng-bind-html绑定html，如下所示
<p ng-bind-html="demo"></p>
它工作得很好，但是如何在{{ .. }}中绑定html呢？
浏览 2提问于2015-08-28得票数 0
我正在编写一个页面，它可以遍历大量的内容，并在白天对它们进行排序/分组。分组可以工作，但我希望将循环中的前两项与其他项区别对待。在下面的代码示例中，我尝试过使用ng-if使用ng-if="$first || $index == 1"和ng-if="!$first || !$index != 1"，但它似乎没有做到这一点。
选择ng-repeat循环中的第一项和第二项的正确方法是什么？
<div class="col-sm-12 day-block" ng-repeat="(key,value) in article.items |
浏览 2提问于2016-02-06得票数 0
回答已采纳
我将ng-bind-HTML值从API链接到锚标记，如下所示
<div ng-bind-html="pdfdownload helpItems.items['devepragaticms:pdf1'].link.url">
<a href="{{pdfdownload}}" target="_blank">Download</a>
但我无法下载该文件。
接口如下：
浏览 0提问于2018-11-06得票数 0
我刚刚开始接触Angularjs，并且已经在文档中看到了下面的内容，我如何才能将其调整为使用ng-bind-html而不是ng-model。我想同时使用ng-bind-html和ng-model会有冲突吗？
angular.module('customControl', []).
directive('contenteditable', function() {
return {
restrict: 'A', // only activate on element attribute
require: '
浏览 6提问于2014-05-03得票数 5
对于我所有的州，我都是这样做的：
<ui-view></ui-view>
但我有：
<ui-view ng-bind-html="htmlContent"></ui-view>
我的问题是：
只有当ui-view中的表达式存在时，ui-view中的ng-bind-html才会强制ui-view工作。
我想和ui-view一起使用我所有的州
如果是这样的话
<ui-view></ui-view>
那么，我如何强制ng-bind-html是可选的呢？
浏览 3提问于2016-01-13得票数 0
回答已采纳
1回答
尝试使用ng-bind-html将iframe插入到AngularJS页面中&即使是最简单的形式，我也无法让它工作。
Javascript
function Ctrl($scope) {
$scope.showIt = '<iframe src="http://www.anything.com"></iframe>';
}
My：
<div ng-bind-html="showIt"></div>
浏览 2提问于2015-01-20得票数 2
回答已采纳
我知道这方面还有其他的问题，但我已经试过了，似乎没有什么能奏效的。
我基本上从$http.get中检索了一个角变量。内容是html编码的，如：
Paperwhite – Human Nature
所以我必须把它显示为
<div ng-bind-html="songrel.title.rendered"></div>
若要呈现html：
白纸-人性
我想为-拆分这个值，并且只显示
人性
我试过这样的事情
<div ng-bind-html="songrel.title.rendered.split('
浏览 6提问于2017-05-25得票数 1
回答已采纳
我试图使用在带有属性highlightReview的AngularJS服务中定义的名为ng-bind-html的转换函数，但无法使其工作。
关于样本，见下文：
function myReputationSrvc($http, $q, $log, $sce) {
this.highlightReview = function(text) {
return $sce.trustAsHtml(text);
}
}
然后在HTML中调用该函数，如下所示：
<span ng-bind-html = " MyReputationSrvc.highlightR
浏览 11提问于2017-09-18得票数 2
回答已采纳
1回答
我需要保护我的数据免受xss漏洞的攻击。
我是否只需要在我也使用ngsanitize或者在其他情况下使用ng-bind-html时才使用ng-bind-html？
浏览 0提问于2019-02-25得票数 0
回答已采纳
1回答
角js嵌套表达式
、、
我想在ng-bind-html中创建一个嵌套表达式，eventdetails是一个json对象，白色数据从返回$stateParams函数中获取输入。
<div class="into" ng-bind-html="{{eventdetails.{{data.genre.{{data.event}}.intro}}}}
浏览 2提问于2014-07-05得票数 1
回答已采纳
我使用ng-bind-html如下所示
<p ng-bind-html="{{content.content}}">
</p>
但它并没有出现。但当我检查的时候，它们就在那里。怎么会这样?这不是css的问题。
浏览 0提问于2014-11-30得票数 1
代码示例：
<p ng-bind-html="htmlcode | unsafe"></p>
var myApp = angular.module('myApp', ["ngSanitize"]);
myApp.controller('helloController', ["$scope", "$sce", function ($scope, $sce) {
$scope.htmlcode="text <b>ng-bind-html<
浏览 5提问于2015-08-28得票数 0
回答已采纳
我回到了一个带有角度转换的旧AngularJS项目(1.7.2)上，我正在与ng-bind-html做斗争。
在我的HTML中，我写了这个
<span ng-bind-html="'LEFT_PANEL.VISITED_AFTER' | translate"></span>
我期待的结果是
<span>Visited <strong>after</strong> this date. </span>
我在翻译文件中的内容是：
"VISITED_AFTER": "Vis
浏览 0提问于2018-06-15得票数 0
回答已采纳
我试图用ng-bind将一些不同的html代码连接到我的视图中。
我已经添加了ngSanitize
首先，我使用的是ng-for和ui-select-choices
<ui-select-choices repeat="test in dataTest>
。我想用一些Html绑定test.name
<small> ( {{ TEST_BTN | translate }}) </small>
Test_BTN被用于翻译，所以我不能把它从代码中删除。
当我试图在ng-bind-html中全部使用它们时，将不会显示任何内容
当我试图在ng-bind中全部使
浏览 0提问于2017-07-18得票数 1
回答已采纳
我正在尝试计算ng-bind-html中的表达式，但它不起作用。如果有人知道解决此问题的方法，请提供帮助。 下面的代码没有显示任何内容。 <h5 ng-bind-html="{{feedType ==='popularProducts' ? displayedProduct.title : displayedProduct.name}}"></h5>
浏览 29提问于2020-01-01得票数 2
回答已采纳
这是我的html：
<div ng-if="!item.edit>
<div class='door-description' ng-bind-html="item.Description"></div>
<div class='door-softvalues' ng-bind-html="item.SoftValues" ng-if="item.IsConfiguration"></div>
浏览 2提问于2016-07-19得票数 0
我正在尝试创建一个类似于ui- select的select指令tat (出于学习目的，重新发明轮子)。
我试图在select指令中呈现一个模板，但是没有实现。
如果我将模板呈现在父指令之外，它将正常工作。好吧。
<select-directive class="myInput" placeholder="type a name here">
<select-template ng-repeat="option in names">
<span ng-bind-html="option.firstName&
浏览 0提问于2016-05-24得票数 0
如何在angularJS中限制ng-bind-html结果的字符数？有可能吗？
例如，在js文件中有<span>some text </span>，并使用$sce和ng-bind-html将其转换为html。
我想让som..看看。我怎么限制它呢？
浏览 1提问于2014-11-30得票数 6
我需要输出两个HTML，第一个是代表我的页眉的div的开始标记，第二个是代表页脚的div的结束标记。在这两者之间，我有我无法控制的动态内容。我希望headerHTML包括开始的div和CSS类，以及页脚关闭页眉div来包装所有将在中间的内容。
<ng-bind-html ng-bind-html="headerHTML" />
<ng-bind-html ng-bind-html="footerHTML" />
因此，在呈现之后，它应该如下所示：
<div class="myCSSClass">
A b
浏览 0提问于2018-06-01得票数 0
回答已采纳
我在ng-bind-html中有静态内容，如下所示
<div ng-bind-html="htmlContent">
<div>Static HTML</div>
</div>
但是当我在控制器内部更新模型时，内容被替换了。但我希望内容是附加的。有谁能告诉我如何做到这一点。
请参阅以下链接：
浏览 0提问于2016-04-18得票数 1
1回答
我尝试使用$interpolate和ng-bind-html通过将作用域变量的数据绑定到html字符串。现在，当我的作用域变量的值更新ng-bind-html结果时，它并没有更新。
我不想每次我的作用域更新时都调用$interpolate。
这是我的控制器代码：
$scope.TitleFlag= true;
$scope.HtmlContent = "<div>{{TitleFlag}}</div>";
$scope.trustedHtml = $interpolate($scope.HtmlContent)($scope);
$scope.Title
浏览 4提问于2015-02-09得票数 1
3回答
角绑定对象元素到HTML
、、、、
我从另一个问题中得到了代码，它简单明了，运行良好
<div ng-controller="ExampleController">
<p ng-bind-html="testHTML"></p>
(function(angular) {
'use strict';
angular.module('bindHtmlExample', ['ngSanitize'])
.controller('ExampleController', ['$scope&
浏览 8提问于2016-09-08得票数 3
回答已采纳
有一个包含产品描述的<ul> <li>..</li> </ul>标签。我使用了ngSanitize依赖，但它不起作用。我也尝试了ng-bind-html，$sce.trustAsHtml()，但它不工作。结果是将标记本身呈现为类似于<ul><li>something</li></ul>的字符串
我使用的是angular 1.4。
在浏览器控制台上，它打印如下：
<ul><li>Experience subject to availablity&
浏览 1提问于2015-12-07得票数 0
我被困在这上面好几天了。
基本上，我有一个$http.post与棱角，张贴一个电子邮件地址和消息将从post.php电子邮件。然后，Post.php将根据邮件()的结果回显文本，但当我返回时
成功
例如，它实际上将在DOM上显示HTML，而不是处理它。
感谢你的帮助。
app.controller('contactsController', function($scope, $rootScope, $http) {
$rootScope.currentPage = "contact";
$scope.postData = {
浏览 0提问于2015-02-22得票数 1
回答已采纳
我有一个关于ng-bind-html指令的问题。
我从外部服务(不受信任的)获取电子邮件HTML数据，因此可能会在消息正文中收到<script>标记。但是，我不想在我的页面上执行这段JS代码。为此，我使用了ng-bind-html指令。
我为此创建了一个示例，我的问题是执行alert()函数。如何拒绝这样做呢？
var app = angular.module('myApp', ['ngSanitize']);
app.controller('MainCtrl', function ($sce, $scope) {
$s
浏览 3提问于2016-03-17得票数 1
更新：
复制步骤：
访问以下链接:.$sanitize
单击代码示例右上角的“编辑”按钮。
选择jsfiddle或plnkr
预期结果:将在“呈现”标题下看到html输出
我正在尝试实现html绑定。奇怪的是，我无法使用这个示例中的确切代码获得一个工作示例：
.$sanitize
它在有角的地方工作，但在其他地方不起作用。
我试过使用编辑链接来扣篮和弹琴，但没有结果。在本地运行时，我会在控制台中得到以下错误：
下面是我在控制台中得到的信息：
未明误差：$injector:modulerr
HTML：
<!doctype html>
<html ng-app
浏览 2提问于2014-01-28得票数 2
回答已采纳
我正在过滤大约200个条目。JSONP文件来自我的服务器。这个应用程序非常慢，在安卓或iOS手机上打字几乎是不可能的。
我试图限制对track by item.storeName的使用，但这并没有帮助。
这是我的html：
<ion-view view-title="Open">
<ion-content class="bgstart">
<img src="img/logo.png" class="logo" alt="">
<h4 cla
浏览 3提问于2016-03-31得票数 0
回答已采纳
我在控制器中使用ng-bind-html，如下所示
$scope.message=' You currently have no ORDERS <a href= "javascript:void(0)" ng-click="Back()">Back13</a>';
和html页面中
<strong ng-bind-html="message">Warning!</strong>
但是，即使我以的身份尝试$compile，Back()也不起作用。有人能解决这个问题吗？
浏览 2提问于2014-09-18得票数 4
目前，我有一个带有ng-bind-html的div，用于绑定到传入的HTML
<div ng-bind-html="renderHtml(message.text)" />
目前message.text是超文本标记语言。我更愿意传入一个URL并将其插入到div中。
我怎样才能做到这一点呢？
浏览 1提问于2016-05-13得票数 0
1回答
我有一个组件，我想将它动态地注入到我的html中。
我有这样一个组件：
angular.module('test1', []);
angular.module('test1').component('test1', {
templateUrl: 'components/test1/test1.template.html',
controller: function test1Controller($scope) {
}
});
test1.template.html文件如下所示：
<p>TES
浏览 1提问于2016-10-13得票数 2
2回答
我正在写一个网站，我正在添加一个迷人的体验使用角。该站点不需要JS，但是对于优秀的浏览器，内容将以HTML片段的形式动态注入(没有前端模板语言)。
我有一个代表页面内容的块，最初应该包含来自服务器的html内容，然后用Ajax函数中的HTML片段替换。
不过，我希望在ng-bind-html中使用带有默认内容的pageContent，但是，当replaced将该元素清空后，将其替换为ng-bind-html绑定到的pageContent变量的内容(如预期的那样)。
在控制器中更新变量之前，是否有任何方法阻止ng-bind-html删除默认内容？
另一种选择是在引导角之前收集元素的内容，但我不认
浏览 2提问于2014-03-17得票数 2
回答已采纳
2回答
我正在使用ng-bind-html对directive模板中的HTML进行净化：
<h2><a href="{{ post.url }}" ng-bind-html="post.title"></a></h2>
编译后的输出是正确的，除了一个例外，它没有清理正在打印为â€tm的HTML。该页被编码为charset='utf-8'。
浏览 5提问于2014-02-06得票数 1
回答已采纳
1回答
请考虑以下几点：
<span ng-bind-html="product.icon"></span>
如果product.icon包含：
<img src="http://localhost/angularjs/public/gfx/product/logo_1.png" width="18" height="18">
它会显示得很好。但是，如果它包含：
<img src="http://localhost/angularjs/public/gfx/product/logo_1.p
浏览 3提问于2015-02-19得票数 0
回答已采纳
我正在尝试使用ng-src显示一些来自动态ng-bind-html的图像。下面是柱塞：
但是图像没有渲染。怎么让它起作用？
目的是，我想从DB加载一些html元素，并使用ng-bind-html显示它们。这些元素有时是图像(包含ng-src属性)，有时是<i></i>元素(正确呈现)。
浏览 0提问于2016-06-22得票数 0
回答已采纳
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
腾讯云开发者
