当前位置: 首页 > 面试题库 >

AngularJS使用$ sce.trustAsHtml和ng-repeat

白翔
2023-03-14
问题内容

我正在尝试将$ 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。不知道是否有错误或我做错了什么。


问题答案:

您不能$sce.trustAsHtml表达式中使用(除非$sce是的属性$scope),因为表达式是在的上下文中求值的$scope

最干净的方法是使用ngSanitize
第二种最干净的方法是在$sce.trustAsHtml函数中公开$scope

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

$scope.trustAsHtml = $sce.trustAsHtml;


 类似资料:
  • 问题内容: 有时我看到但更多 在我已经用这似乎很清楚。但是..是为了什么? 它们之间有什么区别,在哪里使用什么? 问题答案: Angularjs使用规范化过程来进行指令名称/属性匹配。 从位于http://docs.angularjs.org/guide/directive的angularjs文档中。 部分匹配指令: 规范化过程如下: 从元素/属性的前面去除x-和data-。将:,-或_分隔的名称

  • 问题内容: 我想动态创建表单。在控制器内部,我创建了一个字符串 并在我的html页面中 我得到的价值,但没有约束力。我也尝试 也行不通。谁能知道这怎么工作? 问题答案: HTML: 添加指令: JS:

  • 问题内容: 我正在尝试使用AngularJS 1.1.5的ng- repeat从选择框开始使用预填充选项。相反,选择始终始于未选择任何内容。它还有一个空选项,我不想要。我认为没有选择任何东西都会带来副作用。 我可以使用ng-options代替ng-repeat来工作,但在这种情况下我想使用ng- repeat。尽管我缩小的示例没有显示出来,但我也想设置每个选项的title属性,据我所知,没有办法使

  • 问题内容: 在AngularJS单页应用程序中使用ng-submit时,如何让浏览器要求用户记住密码。 我的表格: 有任何想法吗? 更新 我刚刚添加了一项操作,以使浏览器识别该表单并诱使它记住密码。(这显然不起作用。)如果不采取任何措施,该表格就可以正常工作。在防止动作的执行。只有做任何事情。 问题答案: 问题是动态生成的登录表单。将表单放入index.html后,它可以按预期工作。我猜这是一个安

  • 问题内容: 我使用ng-repeat在表中动态添加来自数组的行。 现在,我想获取每行所有总和的总和(group.sum * group.perc / 100.0)。我需要一个变量,因为我需要此值进行进一步的计算。谢谢 的HTML 脚本 问题答案: 创建一个过滤器: 使用$ filter服务: 在您的HTML中使用它:

  • 我想比较一下id,这里,如果id等于5,做这个,否则做那个。我怎样才能做到这一点?