Page Source HTML After AngularJs Templating

If I have a AngularJs webpage with content like this:

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

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

Hello world!

and all links like this :

I would like the final pages in HTML with no angular