gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

extended minimal example and Google CDN (#34209)

Browse Source
This commit is contained in:
danielpoehle
2018-11-05 14:01:56 +01:00
committed by Aman Mittal
parent ac5bbb2dc7
commit c16fd2c63b
1 changed files with 27 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
guide/english/angularjs/index.md
View File

@ -4,8 +4,7 @@ title: AngularJS
## AngularJS ## AngularJS
[AngularJS](https://angularjs.org/) is an open source front-end JavaScript framework. AngularJS extends HTML to develop rich and powerful front-ends. [AngularJS](https://angularjs.org/) is an open source front-end JavaScript framework. AngularJS extends HTML to develop rich and powerful front-ends.
It reduces the repetitive use of HTML code. This repetition can be avoided by using the directives provided by AngularJS which saves It reduces the repetitive use of HTML code. This repetition can be avoided by using the directives provided by AngularJS which saves much time and effort.
much time and effort.
## AngularJS Expressions ## AngularJS Expressions
- Expressions can be written inside double braces: `{{ expression }}` - Expressions can be written inside double braces: `{{ expression }}`
@ -18,7 +17,32 @@ Example:
{{ 5 + 5 }} or {{ firstName + " " + lastName }} {{ 5 + 5 }} or {{ firstName + " " + lastName }}
``` ```
**Install**: Minimal example for usage of AngularJS in an HTML page:
```html
<!doctype html>
<html ng-app>
<head>
<!-- include the AngularJS script -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular.min.js"></script>
</head>
<body>
<div>
<label>Your Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter your full name here">
<hr>
<h1>Hello {{yourName}}!</h1>
</div>
</body>
</html>
```
## Install
It is recommended to source the script from Google's CDN (Content Delivery Network) in your deployed, customer facing app whenever possible (better caching, decreased latency, increased parallelism). Please check the latest version on [AngularJS](https://angularjs.org/).
```html
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular.min.js"></script>
```
npm: npm: