Joan: /* Tutorials d'Angular.js */

2017-05-02T14:54:48Z

Tutorials d'Angular.js

Pàgina nova

=Comparativa de Frameworks de Javascript=
*https://en.wikipedia.org/wiki/Comparison_of_JavaScript_frameworks

=Què és Angular.js=
*https://angularjs.org/
*https://carlosazaustre.es/blog/empezando-con-angular-js/

=Tutorials d'Angular.js=
*https://www.w3schools.com/angular/default.asp

*https://www.codeschool.com/courses/shaping-up-with-angularjs

A classe seguirem el tutorial de w3schools. En el següent link tenim múltiples exemples, classificats per: Basics, Expressions, Modules, Directives, Models, Controllers, Scopes, Filters, XMLHttpRequest, Tables, MySQL, DOM, Events, Forms, API, CSS, Includes, Animations, Applications.

Angular examples:
*http://www.w3schools.com/angular/angular_examples.asp
Angular reference:
*http://www.w3schools.com/angular/angular_ref_directives.asp

AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions.

AngularJS extends HTML with ng-directives.
*The ng-app directive defines an AngularJS application.
*The ng-model directive binds the value of HTML controls (input, select, textarea) to application data.
*The ng-bind directive binds application data to the HTML view.
<pre>
<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="">

<p>Input something in the input box:</p>
<p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
<h1>Hello {{name}}</h1>
<p ng-bind="name"></p>

</div>

</body>
</html>
</pre>
Les directives de AngularJS són atributs HTML amb el prefix ''ng''.

=Exemples de Angular JS=
*https://curran.github.io/screencasts/introToAngular/exampleViewer/#/
{{Autor}}, març 2016

Frameworks de Javascript. Angular - Historial de revisió

Joan: /* Tutorials d'Angular.js */