我有一个转发器设置,只要其中没有html,就可以显示数据.

我已经包括angular-sanitize.js并尝试过使用ng-bind-html

但是跨度内没有显示任何内容,只在ng-bind-html属性中显示.所以看起来卫生处理不起作用,

我读到这需要添加到应用程序依赖项,但不知道在哪里这样做.

我刚刚在角度站点上工作,所以只有一个非常基本的控制器设置在一分钟.

我试图使用ng-bind-html-unsafe属性在模板中插入HTML .但由于某种原因,它不起作用.

我的代码:

<tr class="white two-button" ng-repeat="(key,value) in recommendations | ojoScoreFilter:ojoScore | relevancyScoreFilter:relevancyScore | orderBy:predicate:reverse">
<td>
<div ng-bind-html-unsafe="value.button"></div>
</td>
</tr>

我无法看到HTML.如果我ng-bind-html-unsafe="value.button"改为ng-bind-html-unsafe="{{value.button}}"然后它显示HTML但在属性中,如下所示:

<div ng-bind-html-unsafe="&lt;a class=&quot;action_hrefs full-width bgcolor10 purple-hover flat-button flat-white-button btn&quot; data-value=&quot;947&quot; href=&quot;#&quot;&gt;&lt;i class=&quot;fa fa-lock&quot;&gt;&lt;/i&gt;&nbsp;Unlock&lt;/a&gt;"></div>

我正在尝试使用Angular 1.2动态地将iframe插入到页面中.这是代码:

HTML:

<div id="player_wrapper" ng-cloak>
    <div ng-bind-html="player"></div>
</div>

JS:

$http({method: 'GET', url: url}).
    success(function(data, status) {
        $scope.player = data.html;
    }.......

所以data.html是一个字符串,其中包含一个有效的HTML

<iframe ...>

该字符串还包含一些div.所以它看起来像:

<iframe src='...' ...></iframe><div>some stuf</div>

我在app.js'ngSanitize'中使用.它显示的是div(在iframe之后),而不是iframe本身.

如果我使用jQuery,基本上是一个

$(#'player_wrapper').html(data.html)

工作正常...但试图使它成为正确的angularJS.

任何想法为什么只显示iframe之后的div？

非常感谢大家

我是新手Angular JS.

你们中的任何一个可以解释我的区别ngBind,ngBindHtm与ngBindTemplate在Angular JS用的例子吗？

是否可以将范围变量的数据绑定到即将绑定为ng-bind-html的html？

即,我有一个

html ="<div>{{caption}}</div>";

和我的角模板看起来像,

<div ng-bind-html="html"></div>

范围变量的值caption在角度控制器中设置.

所以,我想绑定数据{{caption}}.

提前致谢..

我试图在范围变量中存储HTML,然后在模板视图中使用它.当我正在阅读如何以棱角分明的方式做这件事时,我遇到了ng-bind-html.在那里我注意到,当我用,等等绑定html标签时<a>,<strong>它的工作原理.但我无法为其添加<input>标签.

这意味着,这有效:

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

模板:

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

但这不起作用:

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

模板:

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

以上仅是用于演示目的的简化示例.我的问题是:

1)标签不适用于ng-bind-html指令吗？

2)如果没有,我如何html绑定输入标签,以便我可以将其插入视图？

我正在尝试使用$ sce.trustAsHtml()和ng-repeat中对象的属性.结果是HTML完全空白.尽管使用ngSanitize正确输出HTML.

<div ng-repeat="question in questions">
    <p ng-bind-html="$sce.trustAsHtml(question.body)">
    </p>
</div>

顺便说一句,我在AngularJS v1.3.0-beta.3上.不确定是否有错误或我做错了什么.

我正在使用AngularUI来格式化或"屏蔽"电话号码输入,并且它可以与ng-model一起使用:

<input ng-model="emer.phone" ui-mask="{{'(999) 999-9999'}}" type="text"/>

问题:但是现在如何使用ng-bind以相同的方式应用相同的掩码,我有这样的事情:

<td>{{emer.phone}}</td>

我的问题:ng-model和ng-bind位于不同位置的两个不同文件中,因此使用"$ viewValue"不是我的选择

任何的想法？

关于AngularUI掩码的一些文档:http://angular-ui.github.io/ui-utils/

谢谢!

我正在显示一个包含HTML代码的字符串:

<div style="font-size: 14px" ng-bind="currentBook.description"></div>

把它显示HTML代码而不是解释元素:

当我使用ng-bind和时ng-bind-unsafe,它什么也没有显示.

如何解析HTML？

附录

我添加了一个参考消毒,但ng-bind并ng-bind-unsafe仍然显示什么:

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular-route.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular-sanitize.js"></script>

好的,我添加了ngSanitize var app = angular.module('app', ['ngSanitize']);,现在它可以工作了.

我曾经能够用来ng-bind-html-unsafe输出未经过验证的代码(因为sanitization发生在服务器端).

但现在这个选择消失了吗？我知道我可以使用,$sce.trustAsHtml但是当不安全易于使用时,将它添加到JavaScript的所有地方是一个巨大的痛苦.

我怎么得到不安全的回复？