html - 如何通过angularjs在本地显示图像

Question

我需要在 angularjs(本地文件)中显示图像。经过 <img src="imagename.jpg"> and <img ng-src={{imagename.jpg}}

这两个方法。我无法显示它。任何帮助将不胜感激。

Answer 1

您可能遇到 $sce 错误，其中图像源不受信任。

只需将 $sce 服务作为依赖传递并使用 trustAsResourceUrl 这样 Angular 就不会抛出错误。

app.controller('myCtrl', function($scope, $sce) {
  $scope.myImgSrc = $sce.trustAsResourceUrl('path/to/img.jpg');
});

然后您可以像这样使用 $scope 属性作为 img src:

<img ng-src="{{myImgSrc}}">