ラーベールブレードの画像をループして表示し、古い角度コードを変更する

Question

私たちのウェブサイト上の画像（laravel内）で行われた角度repeatを変更しようとしています。私はすべてから角度を取り除き、ブレードのララベルループですべてを終わらせようとしています。

私たちのコントローラーで動作するようにすべて変更しました。イメージ名は収集されていますが、フロントエンドではイメージ自体ではなくイメージ名が表示されます。

はここ角度から元（作業コード）です：

<li ng-repeat="i in x.image_names track by $index"><a href="/imagelib/mediums/{{::i.split(',')[0] }}" target=_blank><img ng-src="/imagelib/mediums/{{::i.split(',')[0] }}" style="width: 100%; height: auto;" /></a><span class="uk-text-center" style="padding: 0 0 5px;">{{ ::i.split(',')[1] }}</span></li> 

そして、ここに私の新しいコードです（正しいイメージ名を示すが、名前だけではない、実際の画像）：

@foreach ($pgroup->image_names as $image_name) 
<li><a href="/imagelib/mediums/{{ $image_name }}" target=_blank><img ng-src="/imagelib/mediums/{{ $image_name }}" style="width: 100%; height: auto;" /></a><span class="uk-text-center" style="padding: 0 0 5px;">{{ $image_name }}</span></li> 
@endforeach 

アムAngularからLaravelへの私の変換で画像が見えなくなることを見落としましたか？

Answer 1

まず第一に、あなたはimgタグにsrcでng-srcを交換する必要があります。

その後

<img src="/imagelib/mediums/{{ $image_name }}" /> 

、$image_nameはCSVが含まれているので、あなたがイメージ名を削除する必要があります。あなたはこのような操作を行うことができます。

substr($image_name, 0, strpos($image_name, ',')); 

あなたは$image_nameから第2の値を抽出したい場合、あなたはそれが好き行うことができます。

substr($image_name, strpos($image_name, ',') + 1);