Using Laravel 5 with AngularJS blade tag conflict Using Laravel 5 with AngularJS blade tag conflict laravel laravel

Using Laravel 5 with AngularJS blade tag conflict


The easiest way to do this is to simply use @ in front of your Angular code:

 <div>  <input type="text" ng-model="yourName" placeholder="Enter a name here">  <h1>Hello, @{{ yourName }}!</h1></div>

source


When doing changes that have to do with Blade (Extending Blade, changing the tags etc) always make sure to delete the cached views.

They're located in storage/framework/views.

Just delete all files (except the .gitignore)

If you want something a bit more practical you can create a command to do that. Like this one


Laravel >= 5.3

While adding @ in front of the braces does still work, Laravel has also included another handy blade utility that lets you mark an entire block as-is:

@verbatim<div>    {{ ctl.variable1 }}    {{ ctl.variable2 }}</div>@endverbatim

Particularly helpful if you're not doing much with the Blade template rendering