如何在Laravel模板中使用AngularJS标签？

Question

如您所知，Laravel 在模板中具有如下资产功能：

{{ asset('images/148630374252566.gif')}}

当我尝试在模板 Laravel 中使用 Angular JS 变量时，它调用错误：

{{ currentPlaying.title }}

错误：

Use of undefined constant currentPlaying - assumed 'currentPlaying' (View: \laravel\resources\views\welcome.blade.php)

Answer 1

尝试更改 angular 模块配置中的 angular 插值符号。

 $interpolateProvider.startSymbol('//');
 $interpolateProvider.endSymbol('//');

并在您的模板中使用它。

请参考：https://docs.angularjs.org/api/ng/provider/$interpolateProvider

这是来自 Angular 文档的代码，

<script>
  var customInterpolationApp = angular.module('customInterpolationApp', []);

  customInterpolationApp.config(function($interpolateProvider) {
    $interpolateProvider.startSymbol('//');
    $interpolateProvider.endSymbol('//');
  });


  customInterpolationApp.controller('DemoController', function() {
      this.label = "This binding is brought you by // interpolation symbols.";
  });
</script>
<div ng-controller="DemoController as demo">
    //demo.label//
</div>

Answer 2

您必须配置此系统，否则无法使用 angularjs 和 laravel。你可以看到这个：https://scotch.io/tutorials/quick-tip-using-laravel-blade-with-angularjs

Answer 3

我是怎么做到的，在你的 App.js 中，只需定义它；

function($interpolateProvider)
{
    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');
}

假设我的控制器中有一个 $scope.abcd，在 blade 中这样调用它，<%abcd%>。希望这可以帮助！ :)

如何在Laravel模板中使用AngularJS标签？

How to use Angular JS tags in Laravel template?

angularjs

laravel-5

laravel-5.4