Question

如何使用angularjs获取存储在json文件中的URL？

JSON文件

"Media": [
        {
          "title": "Example_1",
          "url": "http://www.example.com/example.jpg"
        },
        {
          "title": "Example_2",
          "url": "http://www.w3schools.com/html/mov_bbb.mp4"
        }
]

我想在<img>，<video>标签中使用'url'！

在HTML中，

我试过

<img src="{{media.url}}"></img>

但没有任何反应？我错过了什么吗？

Answer 1

您是否尝试过使用q.add(point)？

ng-src

对于视频，有许多解决方法，但这是一个例子。

将$ sce提供程序注入控制器并使用$ sce.trustAsResourceUrl方法设置videoUrl。

<img ng-src="{{image.url}}"></img>

然后在你看来

function MyControl($scope, $sce) {
    var videoUrl = 'http://www.w3schools.com/html/mov_bbb.mp4';
    $scope.videoUrl = $sce.trustAsResourceUrl(videoUrl);
}

另一种解决方法是创建过滤器

<video ng-src="{{videoUrl}}" controls></video>

然后在你看来

filter("trustUrl", ['$sce', function($sce) {
  return function(videoUrl) {
    return $sce.trustAsResourceUrl(videoUrl);
  };
}]);

使用AngularJS从JSON文件中读取URL

1 个答案: