当前位置:  开发笔记 > 编程语言 > 正文

Angularjs:ng-bind-html&ng-repeat

如何解决《Angularjs:ng-bind-html&ng-repeat》经验,为你挑选了1个好方法。

我有一个视图,我从数据库中检索此模板后我正在更新:


{{post.title}}

Posted on {{ post.time_Date | date:'MM/dd/yyyy @ h:mma'}}



{{post.post}}

............not properly closed(huge template)

我正在尝试使用我存储的markdown文本更新{{post.post}}并使用我的控制器正确显示它.代码如下:

$scope.posts = input_data;
$scope.TrustDangerousSnippet = function() {
  return $sce.trustAsHtml(input_data.post);
};      

input_data是来自我的服务器的JSON对象(博客文章)的集合.问题是没有显示整个对象,但如果要显示其中一个对象,它将呈现给页面.可能是什么问题呢?

$scope.posts = input_data;
$scope.TrustDangerousSnippet = function() {
  return $sce.trustAsHtml(input_data[1].post);
};      

这是否与正确使用ng-repeat有关?



1> Tim..:

您试图在TrustDangerousSnippet函数中解析input_data.post,但这不存在.

相反,将对象传递给方法,如下所示:

将方法更改为:

$scope.TrustDangerousSnippet = function(snippet) {
  return $sce.trustAsHtml(snippet);
};  

小提琴示例:http://jsfiddle.net/ZxPHW/

编辑:此外,您不需要将{{post.post}}添加到html.

推荐阅读
mobiledu2402851173
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有