How does the browser recognize angularjs tags in html?

Question

We know that html is the client side scripting, while using angularjs framework in html we include "ng" in html tags.My Question is how the browser recognize or identifies the html tags which has "ng".please give the right solution for my question.

Answer 1

Below point helped me in understanding "How angularjs tags are understood by the browser":

• AngularJS's HTML compiler allows the developer to teach the browser new HTML syntax. The compiler allows you to attach behavior to any HTML element or attribute and even create new HTML elements or attributes with custom behavior. AngularJS calls these behavior extensions directives.

For detailed information on how HTML compiler works, please follow the below link: https://docs.angularjs.org/guide/compiler

Answer 2

Angular 1 needs the angular.js file to be included in the index.html so that it will translate the directives to browser understandable form.

While in the angular2 the typesscript is used, in which the type script compiler compiles or translates the typescript code into the browser understandable javascript/ecmascript automatically which will be rendered on screen.

The angular js will run on the fly in the browser while angular 2 and above needs the precompilation or can be said as translation to javascript/ecmascript. Also if the translation is mentioned with a production build flag the translated javascript/ ecmascript will be a minified one.