angularjs - 如何在 Laravel 模板中使用 Angular JS 标签？

Question

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

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

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

{{ currentPlaying.title }}

错误：

使用未定义的恒定 currentPlaying - 假定为“currentPlaying”（查看：\laravel\resources\views\welcome.blade.php）

Answer 1

我是怎么做到的，在你的 App.js 中，定义这个；

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

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

Answer 2

尝试在角度模块的配置中更改角度插值符号。

 $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 3

你必须配置这个系统，否则你不能在 laravel 中使用 angularjs。你可以看到这个：https ://scotch.io/tutorials/quick-tip-using-laravel-blade-with-angularjs