Page Source HTML After AngularJs Templating

Question

If I have a AngularJs webpage with content like this: <div>{{message}}</div>

 

And I set the model for 'message' such that pasting $scope.message = "Hello world!"

 

Then on the screen, the contents of the div will display as Hello world!

 

But if I view the source in Chrome or Firefox, the source still looks like this <div>{{message}}</div>

 

Is there any way to capture the source of a page after Angular templating, so when I view the source I see:

 

<div>Hello world!</div>

 

and all links like this :

 

<li data-ng-show="!isSessionok"><a href="/{{siteLanguage}}/Login">{{'LayaoutPageLoginLabelle1' | translate}}</a></li>

 

I would like the final pages in HTML with no angular