如何在Laravel模板中使用Angular JS标签?

时间:2017-02-06 08:05:29

标签: angularjs laravel-5 laravel-5.4

如您所知,Laravel在模板中具有资产功能,如:

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

当我尝试在模板Laravel中使用Angular JS varibles时,它会调用错误:

{{ currentPlaying.title }}

错误:

  

使用未定义的常量currentPlaying - 假设'currentPlaying'   (查看:\ laravel \ resources \ views \ welcome.blade.php)

3 个答案:

答案 0 :(得分:1)

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

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

并在模板中使用它。

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

以下是Angular doc的代码,

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

答案 1 :(得分:1)

我是怎么做到的,在你的App.js中,只是定义了这个;

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

说我的控制器中有$scope.abcd,请在刀片中调用<%abcd%>。希望这可以帮助! :)

答案 2 :(得分:0)

您必须配置此系统,否则您无法使用带有laravel的angularjs。 你可以看到:https://scotch.io/tutorials/quick-tip-using-laravel-blade-with-angularjs