La première difficulté lorsque l’on souhaite utiliser AngularJs avec le moteur de template Blade de Laravel est l’utilisation de leurs syntaxes.

En effet, les deux utilisent comme syntaxe les doubles accolades :

<code>{{ MaVariable }}</code>

Nous allons voir ensemble plusieurs solutions pour éviter ce conflit.

Modifier la syntaxe d’AngularJs

Nous pouvons changer la syntaxe utilisée par notre application Angular très facilement. Pour cela, il suffit de définir les symboles que vous souhaitez utiliser lors de l’initialisation de votre module Angular à l’aide de $interpolateProvider.

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

Dans cet exemple, nous pourrons utiliser la syntaxe Blade {{…

Alexandre Chopin

I design, code and make development enjoyable with @nuxt_js.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store