Dynamic AngularJS Meta description stopped showing up in Google results

Dynamic AngularJS Meta description stopped showing up in Google results - Google Search Console is a free application that allows you to identify, troubleshoot, and resolve any issues that Google may encounter as it crawls and attempts to index your website in search results. If you’re not the most technical person in the world, some of the errors you’re likely to encounter there may leave you scratching your head. We wanted to make it a bit easier, so we put together this handy set of tips about seo, google-search-console, google-search, meta-description to guide you along the way. Read the discuss below, we share some tips to fix the issue about Dynamic AngularJS Meta description stopped showing up in Google results.Problem :

<meta name="description" ng-bind="main.pageDescription" content="{main.pageDescription}">

This is how we used to have dynamic meta descriptions for different pages and it used to work well with Google before it stopped working last month. I have done some changes since then and have requested re-indexing but it's still the same. This is how Google results page looks now:

Some more info, if I view the page source (after the entire page has loaded), it still shows the angularJS code instead of compiled code.

Can anyone help?

Solution :

Try ng-cloak for this. It should hide {} from google results.

If the issue about seo, google-search-console, google-search, meta-description is resolved, there’s a good chance that your content will get indexed and you’ll start to show up in Google search results. This means a greater chance to drive organic search traffic to your site.