Ng init | EPI Sousse
3 likes•531 views
The document discusses key concepts in AngularJS including directives, data binding, modules, controllers, dependencies, services, and routing. It provides code examples to demonstrate how to set up a basic AngularJS app with directives, controllers, and services. It also discusses using AngularJS for single page applications and connecting to REST APIs.
![var mainApp = angular.module("mainApp", []);
mainApp.factory('MathService', function() {
var factory = {};
factory.multiply = function(a, b) {
return a * b
}
return factory;
});](https://image.slidesharecdn.com/ng-init-160224213035/85/Ng-init-EPI-Sousse-28-320.jpg)
![app.provider("message", [function () {
var text = null;
this.setText = function (textString) {
text = textString;
};
this.$get = function(){
return new Message();
}
}]);
angular.module("root", ["services"])
.config(["messageProvider", function (messageProvider) {
messageProvider.setText("Hello world!");
}]);](https://image.slidesharecdn.com/ng-init-160224213035/85/Ng-init-EPI-Sousse-30-320.jpg)
Ng init | EPI Sousse
- 2. Must Know
- 4. Agenda
- 5. Why Angular JS ?
- 6. •
- 9. What is AngularJS ?
- 10. • • • • •
- 11. <!doctype html> <html> <head ng-app > <title>Exemple 1</title> <SCRIPT TYPE="text/javascript" src="JS/angular.min.js"> </SCRIPT> </head> <body > <input type="text" ng-model="name" > <h1>Hello {{name}} </h1> </body> </html>
- 15. <!doctype html> <html> <head ng-app > <title>Exemple 1</title> <SCRIPT TYPE="text/javascript" src="JS/angular.min.js"> </SCRIPT> </head> <body > <input type="text" ng-model="name" > <h1>Hello {{name}} </h1> </body> </html>
- 20. •
- 28. var mainApp = angular.module("mainApp", []); mainApp.factory('MathService', function() { var factory = {}; factory.multiply = function(a, b) { return a * b } return factory; });
- 29. mainApp.service('CalcService', function(MathService){ this.square = function(a) { return MathService.multiply(a,a); } });
- 30. app.provider("message", [function () { var text = null; this.setText = function (textString) { text = textString; }; this.$get = function(){ return new Message(); } }]); angular.module("root", ["services"]) .config(["messageProvider", function (messageProvider) { messageProvider.setText("Hello world!"); }]);
- 35. Routing
- 36. •
- 37. REST API : https://epitodoexample.herokuapp.com/