Replace variables in HTML source with angular

Question

I am using AngularJS recently but have some problems with that I defined some scopes into like these

   app.controller('mainController', function($scope) {
      $scope.siteURL = "my website url";
   });

and used this variable like {{siteURL}} in my html source code , But I see some errors in console because it does not change the source code and just compile it for browser . To avoid search engine errors Im looking for a way that can replace each scope with its value in SOURCE code before render in browser

I mean for some links and images like this I want Angular replace the value of scope in source not after compile HTML page :

<img src = '{{siteURL}}/img.jpg' />

to change

<img src = 'my website url/img.jpg' />

Sergio Tulentsev · Answer 1 · 2016-11-28T08:10:25.130

2

Im looking for a way that can replace each scope with its value in source code before render in browser

Angular can't help you here. It, being javascript, only works after page is loaded. What you need is some server-side language (PHP, node.js or whatever).

edited Nov 28 '16 at 08:10

answered Nov 28 '16 at 08:00

Sergio Tulentsev

226,338
43
373
367

What I should to do to hide or ignore console errors about broken links on images ? – Mohammad H. Nov 28 '16 at 08:01
Don't emit broken img links. Or use `ng-src` instead of `src` – Sergio Tulentsev Nov 28 '16 at 08:02
Thank you . Using ng-src or ng-href is so better but R U sure there is no error in seo report too ?! – Mohammad H. Nov 28 '16 at 08:07
@Mohamm6d: I have no idea about that. See your webmaster tools report as mastermind suggested. – Sergio Tulentsev Nov 28 '16 at 08:09

score 1 · Answer 2 · edited May 23 '17 at 11:59

1

Update May 2014

Google crawlers now executes javascript - you can use the Google Webmaster Tools to better understand how your sites are rendered by Google.

DUPLICATE : How do search engines deal with AngularJS applications?

Else server-side is the only solution.

edited May 23 '17 at 11:59

Community

1
1

answered Nov 28 '16 at 08:04

mastermind

1,057
1
8
15

If I use ng-src so it should be okay for search engines ?! – Mohammad H. Nov 28 '16 at 08:07
no. Understand this thing that it will compile/render on client side(Browser). – mastermind Nov 28 '16 at 08:34

Replace variables in HTML source with angular

2 Answers2