Download to read offline
![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)
Uploaded byHamdi Hmidi
Ng init | EPI Sousse
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.
More Related Content
![Internet and Web Technology (CLASS-10) [Node.js] | NIC/NIELIT Web Technology](https://cdn.slidesharecdn.com/ss_thumbnails/iwtclass-10-200727152931-thumbnail.jpg?width=640&height=640&fit=bounds)
Similar to Ng init | EPI Sousse
Ng init | EPI Sousse
- 2.
- 3.
- 4.
- 5.
- 6.
- 9.
- 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>
- 13.
- 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>
- 17.
- 20.
- 25.
- 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.
- 36.
- 37. REST API :https://epitodoexample.herokuapp.com/
- 39.