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 · Accepted Answer · 2016-11-28 08:10:25Z

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, 2016 at 8:10

answered Nov 28, 2016 at 8:00

Sergio Tulentsev

231k43 gold badges381 silver badges373 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Mohammad H. Over a year ago

What I should to do to hide or ignore console errors about broken links on images ?

Sergio Tulentsev Over a year ago

Don't emit broken img links. Or use ng-src instead of src

Mohammad H. Over a year ago

Thank you . Using ng-src or ng-href is so better but R U sure there is no error in seo report too ?!

Sergio Tulentsev Over a year ago

@Mohamm6d: I have no idea about that. See your webmaster tools report as mastermind suggested.

Community · Accepted Answer · 2017-05-23 11:59:57Z

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, 2017 at 11:59

CommunityBot

11 silver badge

answered Nov 28, 2016 at 8:04

mastermind

1,0551 gold badge8 silver badges15 bronze badges

2 Comments

Mohammad H. Over a year ago

If I use ng-src so it should be okay for search engines ?!

mastermind Over a year ago

no. Understand this thing that it will compile/render on client side(Browser).

Collectives™ on Stack Overflow

Replace variables in HTML source with angular

2 Answers 2

4 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related