在 Laravel 5.4 上带有角度和刀片的 ngSrc答案

【问题标题】：ngSrc with angular and blade on Laravel 5.4在 Laravel 5.4 上带有角度和刀片的 ngSrc
【发布时间】：2017-04-28 19:14:38
【问题描述】：

我需要在使用 AngularJS 动态加载的刀片视图中显示图片。

这是一段很短的代码，让我很头疼很多天：

<img ng-src="@{{ $video.thumb }}" width="57">

如果我将 @{{ $video.thumb }} 放在 img ng-src 之外，我会得到正确的图像路径。我不会使用插值提供程序更改整个应用程序。

 var sampleApp = angular.module('sampleApp', [], function($interpolateProvider) {
        $interpolateProvider.startSymbol('<%');
        $interpolateProvider.endSymbol('%>');
    });

如果我使用检查器搜索 img 标签，则 HTML 中的更多内容我什么也看不到，只是

<img width="57">

我在本地运行它。

请帮帮我

【问题讨论】：

标签： angularjs laravel-5.4 laravel-blade

【解决方案1】：

如果其他人需要，我会发布解决方案。

我必须使用ng-src 中的完整网址。由于我使用的是 Laravel 并且正在处理 Blade 视图，因此我必须使用以下代码：

<img ng-src="{{ url('/') }}/storage/@{{ video.thumb }}" width="57">

使用{{ url('/') }} 获取域网址，然后添加/storage/，因为我将文件保存在该文件夹中，最后是角度变量。

【讨论】：