如何将 AngularJs 与 Laravel 5.2 一起使用，因为 laravel 刀片模板和 angular 指令具有相同的标签 {{}}

Question

我已经阅读了很多与此相关的博客并且尝试了将近一个星期但无法同时使用两者。另外让我告诉你，我也尝试过将 angular Js 与 @{{}} 一起使用，并且还通过在模块 initialization.So 上插入来更改 angular 的标签，请建议任何其他方法

Answer 1

您可以使用 $interpolationProvider 更改 angular 语法：

var sampleApp = angular.module('sampleApp', [], function($interpolateProvider) {
    $interpolateProvider.startSymbol('<%');
    $interpolateProvider.endSymbol('%>');
});

或者使用 Blade facade 更改 blade 模板配置

Blade::setContentTags('<%', '%>'); 
Blade::setEscapedContentTags('<%%', '%%>');

如果您使用的是 blade 并且angular

，那么这些策略之一将是强制性的

Answer 2

在您的 blade 代码中，只需将 @ 添加到 Angular 大括号即可。

示例：

@{{name}}

这告诉 blade 不要将大括号解析或视为 blade 代码，而是忽略大括号并简单地输出

{{name}}

阅读 Laravel 文档中的 Blade 部分了解更多信息。

Answer 3

您最好重新考虑您的应用程序结构并仅将 Laravel 用于 Web 服务。

如何将 AngularJs 与 Laravel 5.2 一起使用，因为 laravel 刀片模板和 angular 指令具有相同的标签 {{}}

How to use AngularJs with Laravel 5.2 as laravel blading template and angular directive have same tags {{}}

laravel

angularjs

laravel-5

laravel-5.1

laravel-5.2