解析AngularJS ng repeat中的HTML
Parse HTML in AngularJS ng-repeat?
如何通过字符串解析来自服务器的HTML?我从服务器上得到了这个:
<img src="http://gravatar.com/avatar/9a52267d32ad2aaa4a8c2c45b83396e5?d=mm&s=&r=G" class=" user-1-avatar avatar- photo" width="" height="" alt="Avatar Image" />
它通过一个对象属性进入,比如:
{admin: {avatar "<img src="http://gravatar.com/avatar/9a52267d32ad2aaa4a8c2c45b83396e5?d=mm&s=&r=G" class=" user-1-avatar avatar- photo" width="" height="" alt="Avatar Image" />"}}
我试过使用ng-bind-html,但没有成功。。。我能用什么?
AngularJS:的更高版本
function HomeCtrl($scope, $sce) {
$scope.object = {
admin: {
avatar : '<img src="http://gravatar.com/avatar/9a52267d32ad2aaa4a8c2c45b83396e5?d=mm&s=&r=G" class=" user-1-avatar avatar- photo" width="" height="" alt="Avatar Image" />'
},
fred: {
avatar : '<img src="http://gravatar.com/avatar/9a52267d32ad2aaa4a8c2c45b83396e5?d=mm&s=&r=G" class=" user-1-avatar avatar- photo" width="" height="" alt="Avatar Image" />'
}};
$scope.avatar = $sce.trustAsHtml($scope.object.admin.avatar);
}
HTML:
<div ng-bind-html="avatar"></div>
工作演示:http://jsbin.com/butuwu/1/edit
旧版本:
HTML:
<div ng-bind-html-unsafe="avatar"></div>
JS:
function HomeCtrl($scope) {
var object = {
admin: {
avatar : '<img src="http://gravatar.com/avatar/9a52267d32ad2aaa4a8c2c45b83396e5?d=mm&s=&r=G" class=" user-1-avatar avatar- photo" width="" height="" alt="Avatar Image" />'
}};
$scope.avatar = object.admin.avatar;
}
相关文章:
- 可以't让我的if语句处理js中的html表单输入
- PHP:显示sqlite数据库中的html格式数据,使用tinymce保存
- 如何使用JQuery在Javascript中转换字符串中的HTML元素
- 一个正则表达式,用于从JS中的HTML标记中删除id、样式和类属性
- 加载存储在IndexedDB中的HTML页面
- 确定javascript中的html表对象是否具有<colgroup>是否
- 我的html表单无法验证.请参阅代码片段中的html代码和java脚本
- 如何在JQuery中的.html()方法中包含fadeneffect
- 使用Angular显示JSON中的HTML
- 统计ajax返回数据中的html元素
- html5中数据描述属性中的html列表
- 包括android中的HTML UI
- xpages:计算字段中的HTML表
- 文本框中的Html 5 x 5矩阵式控件
- 如何转义字符串中的html实体
- 正在转义javascript数组中的html字符
- 使用JavaScript中的HTML颜色和透明度
- 如何在编译时更新yeoman angular中的html路径
- 如何获取保存在变量中的HTML代码的任何属性的值
- 如何在internjs中打印createpage中的HTML源代码