What is Angular

Description

Angular is a JavaScript Framework which allows you to create reactive Single-Page-Application (SPAs)

How is it done?

JavaScript changes the DOM, changes whatever is displayed here (in the browser), by changing the HTML code during runtime. That is why you never see the refresh icon on the top-left spin; because we’re only changing the currently-loaded page. You can even see that if you inspect the source code of a page like this.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>MyApp</title>
<base href="/">

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
<script type="text/javascript" src="runtime.js"></script><script type="text/javascript" src="polyfills.js"></script><script type="text/javascript" src="styles.js"></script><script type="text/javascript" src="vendor.js"></script><script type="text/javascript" src="main.js"></script></body>
</html>
Author: Zhengyang Wu
Link: https://vincewu.net/2018/08/23/Angular/Angular-1-What-is-Angular/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.