如何处理Laravel和AngularJS之间的花括号冲突

Question

我可以将Angular JS与Laravel一起使用

简短问题： 我们如何将 Angular JS 与 Laravel 一起使用，具体如何处理花括号{{ }}？

Answer 1

您可以更改角度标记

更改Angular中的语法非常简单。这可以在使用Angular $interpolateProvider

定义Angular应用程序模块时完成

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

现在Laravel将使用{{ variableName }}，而Angular将使用<% variableName %>。就像那样，你可以使用Laravel Blade和Angular。您也可以将此更改为您心中所需的任何内容。

你也可以更改Laravel Blade标签

Laravel使用 Blade ，Blade提供了一种更改标签的方法。如果要保持Angular语法的默认值，请使用此方法。

Blade::setContentTags('<%', '%>');        // for variables and all things Blade
Blade::setEscapedContentTags('<%%', '%%>');   // for escaped data

更多信息：Laravel and Angular Conflicts

Answer 2

简短回答： @ {{}}

顺便说一下，如果您要使用带有laravel的angular.js，你可能想尝试流明。

回答＆＃34;我可以在Laravel＆＃34;中使用Angular JS，答案是肯定的。您可能不会使用Blade或任何其他模板引擎，但可以使用它来构建API（以JSON格式返回数据）。然后，Angular.js部分将是您的前端应用程序，它将是静态html，css和js文件。您可以进行一些预处理来生成这些文件（有或没有laravel）。

https://laravel.com/docs/5.6/blade#blade-and-javascript-frameworks