Laravel - 使用Angular

Question

我想用Angular输入图像的src值。这是我的代码：

HTML：

<div ng-app="myApp" ng-controller="MyCtrl">
   <img src="{{asset('assets/img/'.'/'.  @{{ item.name }} )}}">
</div>

JS：

var app = angular.module('myApp', []);
app.controller('MyCtrl', function($scope, $http) {
    $scope.items =
    [
            {
                sort: 1,
                name: 'name1',
                img : 'mezon1',

            },
                {
                sort: 1,
                name: 'name2',
                img : 'mezon2',

            }

    ]
 }
});

但它不起作用，Laravel给了我这个错误： FatalErrorException ..意外＆＃39; {＆＃39;

有什么建议吗？

Answer 1

将其改为

<div ng-app="myApp" ng-controller="MyCtrl">
   <img src="{{asset('assets/img/')}}@{{ item.name }}">
</div>

Answer 2

Angular和blade（laravel模板引擎）在使用“{”和“}”时存在冲突。您应该配置一个或另一个使用另一个插值字符。

查看https://scotch.io/tutorials/quick-tip-using-laravel-blade-with-angularjs