在View中遍历JSON
Iterate over JSON in View
我正在学习使用MEAN全栈,遇到了一个找不到解决方案的问题。
使用ng repeat可以很好地对JSON对象进行迭代,但在第三列中使用x.url变量根本不起作用。URL正确打印在第二列中。
如何引用iframe中的x.url变量?
谢谢。
<div class="jumbotron text-center">
<table class='table table-bordered'>
<caption>LIST OF ALL SONGS</caption>
<thead>{{ tagline }}</thead>
<tr ng-repeat="x in songs">
<td>{{x.name}}</td>
<td>{{x.url}}</td>
<td><iframe width="560" height="315" src={{x.url}} frameborder="0" allowfullscreen></iframe></td>
</tr>
</table>
</div>
大多数绑定使用$sce
来净化元素并保护您免受潜在的不安全内容的影响,如果您信任URL,则可以使用$sce来明确信任它
http://plnkr.co/edit/hJw5JWsteFBfiHH5d3QS
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, $sce) {
$scope.tagline = "test"
$scope.songs = [{url: $sce.trustAsResourceUrl('http://angularjs.org'), name: 'test'}];
});
如果您信任内容,您也可以完全禁用$sce
,但来自用户的任何内容都应该被视为不安全的
相关文章:
- 遍历 JSON 对象并检查 URL 是否以某个值结尾
- 遍历递归json树并合并
- 在 JSX Render for React.js 中遍历 JSON 响应
- 如何遍历 JSON 对象以适合 JavaScript 数组
- 循环遍历 JSON 对象
- 使用 ajax、PHP 和 Javascript 循环遍历 JSON 文件
- JQuery/Javascript - 遍历值之后的所有 json 元素
- 遍历django模板中的json元素
- 通过遍历JSON文件来填充数据列表选项
- 用jQuery遍历JSON对象
- 在View中遍历JSON
- 循环遍历表以生成json
- 遍历JSON以查找树路径
- 遍历jQuery JSON对象数组
- 遍历JSON对象
- 如何使用 (JavaScript) for 循环遍历嵌套 Json 数组并显示文本
- PHP - 如何遍历此 json 响应
- 遍历外部嵌套的 Json 以制作手风琴菜单
- JSON遍历对象和访问数据导致无法读取未定义的属性
- Json 遍历记录字符,而不是键值