“undefined Constant/variable” Error Using Laravel With Angular Js…unable To Show Variable In Blade

I am building a common backend office messaging app using laravel and angular js, I have a variable(named recieved) (which shows the total number of unread new messages) in my dash

Solution 1:

It seems to me that you have a conflict between blade and angular since {{ }} parentheses are used in both. Also angular has its own way of rendering views. The layout.blade.php interprets {{}} as its own instead of angulars. And in "pure" html you don't have that problem because it is rendered by angular on users side.

The easyest way to do what you're asking for (in my opinion) is to keep Laravel and Angular files separated and use Laravel as an API for angular app. So if you're planing on developing this for some time I would transform blade files into html files for preventing future headaches. :)

That said a way of hacking this situation is to echo this line with blade as a string or to swap curly braces with &#123 (html code for curly brace). So basically:

<divclass="informational">&#123;&#123 dashboardData.stats.recieved  &#123;&#123 </div>