Angularjs Lógica de negocio
•Transferir como PPT, PDF•
0 gostou•694 visualizações
Este documento describe varios conceptos clave de lógica de negocio en AngularJS, incluyendo depuración con Chrome y Batarang, inyección de dependencias, formas de definir fábricas, servicios, proveedores y controladores, y el uso de valores, constantes y decoradores. También proporciona recursos para ampliar los conocimientos sobre AngularJS como el sitio oficial, extensiones para Chrome y cursos en línea.
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (19)
Semelhante a Angularjs Lógica de negocio
Semelhante a Angularjs Lógica de negocio (20)
Angularjs Lógica de negocio
- 1. Lógica de negocio en AngularJS
- 2. Debug Chrome + Batarang $scope Todos los navegadores Muestra scope del elemento seleccionado angular.element($0).scope(); Command Line API Reference https://developer.chrome.com/devtools/docs/commandline-api
- 3. Inyección de dependencias Ubicación angular.injector(['ng', 'myModule']); angular.element($0).data().$injector; Seleccionando el elemento que tiene el ng-app TODO es singleton!!!
- 4. Formas de inyectar Método directo NO recomendado. Problemas con minificación myModule.factory(‘myFactory’, function($scope){ … }); Asignar a la función una variable estática $inject var factory = function(scope) { … }; factory.$inject = [‘$scope’]; myModule.factory(‘myFactory’, factory); Asignado los nombres en línea myModule.factory(‘myFactory’, [‘$scope’, function(scope) { … }]);
- 5. Inyector Métodos annotate has get (patron ServiceLocator) Invoke Instatiate
- 6. DEMO Debug
- 7. Factory Injección por Invoque myModule.factory(‘myFactory’, […, function(…) { return { helloWorld: function() { console.log(‘hello world’); } }; }]);
- 8. Service Injección por Instantiate myModule.service(‘myService’, […, function(…) { this.helloWorld = function() { console.log('hello world'); }; }]);
- 9. Provider Injección por Instantiate Puede inyectarse en el config “myProviderProvider” myModule.provider(‘myProvider’, […, function(…) { var _text = ''; function helloWorld() { console.log(_text); } this.setText(text) { _text = text; }; this.$get = function(...) { return helloWorld; }; }]);
- 10. ControllerAs Injección por Instantiate myModule.controller(‘myController’, function() { this.name = “Xavi”; } Uso de this <body ng-controller="myController as alias"> <input type="text" ng-model="alias.name"> <span>{{alias.name}}</span> </body>
- 11. Controller tradicional Injección por Instantiate myModule.controller(‘myController’, function($scope) { $scope.name = “Xavi”; } Uso de this <body ng-controller="myController"> <input type="text" ng-model="name"> <span>{{name}}</span> </body>
- 12. Value Puede almacenar: Valores primitivos Objetos js myModule.value(‘pi’, 3,1416); myModule.value(‘config’, { url: ‘http://...’, defaultPageSize: 20, ... });
- 13. Constant Puede inyectarse en el config myModule.constant(‘pi’, 3,1416); myModule.constant(‘config’, { url: ‘http://...’, defaultPageSize: 20, ... });
- 14. DEMO Lógica de negocio
- 15. Decorator Intercepta la llamada Factory, Service, Provider, y Directive myModule.config(['$provide', function (provide) { provide.decorator('myService', ['$delegate', function (delegate) { var previous = delegate.helloWorld; delegate.helloWorld = function() { return previous() + ‘!!!’; } return delegate; }]); }]); http://briantford.com/blog/angular-hacking-core
- 16. Bibliografía Sitio oficial http://www.angular.js Chrome y extension Batarang http://www.chrome.com https://chrome.google.com/webstore/detail/angularjs-batarang/ ighdmehidhipcmcojjgiloacoafjmpfk?hl=es
- 17. Si quieres ampliar… Curso Louesfera http://www.louesfera.com/?s=angular&lang=es En especial el capítulo 9 http://www.louesfera.com/2014/10/21/logica-negocio-angularjs/ Repositorio mgAngular https://github.com/MagicCrudAngular/mgCrud
Notas do Editor
- Luego Pedro explicará como hacer la inyección no singleton
- Poner todos los elementos del obj módulo
- Por constructor
- Recomentación solo para el config
- alias es la función del controlador
- alias es la función del controlador
- Si helloWorld devolvia “Hello World”, ahora devuelve “Hello World!!!”