Can we implement AMP in an angular app?

angularjs mobile amp-html
Sim picture Sim · Oct 31, 2016 · Viewed 14.4k times · Source

I am new to AMP and have been asked to add amp to an already developed angular website. I have also read that AMP Keep all third-party JavaScript out of the critical path But I am not sure whether it is possible or not.And if possible can you share some links for that. Any help is welcome

Answer

ade picture ade · Nov 5, 2016

Assuming you already have a site with Angular pages like:

  • 1.html
  • 2.html

Then you can create AMPs like:

  • 1.amp.html
  • 2.amp.html

1.html can use Angular and client-side javascript but 1.amp.html should be a representation of the same content but produced server-side rather than by using Angular javascript inside it. Follow the steps in here: https://ampbyexample.com/introduction/how_to_publish_amps/ and you should be fine.

Related questions

Mobile Application using Angular JS

I want to develop a small 4 screens mobile application. The technology stack that i want to use is AngularJS, I am good with C#, I searched few times and could not find any examples using AngularJS. The mobile app should …

Read More
AngularJS: ngTouch 300ms Delay

This Plunkr has 2 links. The one on the left side is using the ng-click directive with the on angular-touch module inserted. As said in the angular touch module description for ng-click, the ng-click link should not have a 300ms delay. …

Read More
if else statement in AngularJS templates

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if …

Read More