If you prefer learning by doing (trial and error), come right this way.
AngularAOP allows you to apply aspect-oriented programming in your AngularJS applications.
If you notice that you have cross-cutting concerns you can isolate them in individual services and apply them as follows:
myModule.config(function ($provide, executeProvider) {
executeProvider.annotate($provide, {
ServiceToWove: [{
jointPoint: JOINT_POINT,
advice: ADVICE_NAME,
methodPattern: /Special/
argsPattern: [/arg1/, /arg2/]
}, {
jointPoint: JOINT_POINT
advice: ADVICE_NAME
}]
});
});
The joint-points supported in the current version of the framework are:
after
- the advice will be invoked after the target methodafterResolveOf
- the advice will be invoked after the promise returned by target method has been resolved and after the resolve callback attached to the promise is invokedaroundAsync
- the advice will be invoked before the target method was invoked and after the promise returned by it was resolvedaround
- the advice will be invoked before the target method was invoked and after it was invokedbeforeAsync
- the target method will be called after the promise returned by the advice was resolvedbefore
- the target method will be invoked after the adviceonRejectOf
- the advice will be invoked when the promise returned by the target method was rejectedonResolveOf
- the advice will be invoked after the promise returned by the target method was resolved but before the resolve callback attached to the promise is invokedonThrowOf
- the advice will be called if the target method throws an error
For additional information about Aspect-Oriented Programming and AngularAOP visit the project's documentation and this blog post.
New way of annotating. Now you can annotate in your config callback:
DemoApp.config(function ($provide, executeProvider) {
executeProvider.annotate($provide, {
ArticlesCollection: {
jointPoint: 'before',
advice: 'Logger',
methodPattern: /Special/,
argsPatterns: [/arg1/, /arg2/, ..., /argn/]
}
});
});
Multiple aspects can be applied to single service through the new way of annotation:
DemoApp.config(function ($provide, executeProvider) {
executeProvider.annotate($provide, {
ArticlesCollection: [{
jointPoint: 'before',
advice: 'Logger',
}, {
//aspect 2
}, {
//aspect 3
}, ... , {
//aspect n
}]
});
});
Note: In this way you won't couple your target methods/objects with the aspect at all but your target service must be defined as provider.
Added forceObject
property to the rules. This way issues like #12 will not be reproducable since we can force the framework to wrap the target's method, insted of the target itself (in case the target is a function with "static" methods").
Issues fixed:
- Once a function is wrapped into an aspect its methods are preserved. We add the target to be prototype of the wrapper, this way using the prototype chain the required methods could be found.
Added tests for:
- Before async joint-point
- On resolve joint-point
Add JSCS and update Gruntfile.js
deep
config property, which allows adding wrappers to prototype methods- Fix
forceObject
- Wrap the non-minified code in build in IIFE (Issue 15)
- Single
'use strict';
at the top of the IIFE
- Add the joint-point names as constants to the
executeProvider
, so now the following code is valid:
myModule.config(function ($provide, executeProvider) {
executeProvider.annotate($provide, {
ServiceToWove: [{
jointPoint: executeProvider.ON_THROW,
advice: ADVICE_NAME,
methodPattern: /Special/
argsPattern: [/arg1/, /arg2/]
}, {
jointPoint: executeProvider.BEFORE,
advice: ADVICE_NAME
}]
});
});
- Add more tests
- Special polyfill for IE9 of
Object.setPrototypeOf
.
joinpoint.proceed()
- Use proper execution context inside the target services. This will fix the issue of invoking non-woven internal methods.
- More flexible way of defining pointcuts (patching
$provide.provider
might be required)
This is not issue in AngularAOP but something which should be considered when using Dependency Injection.
Note that if the $injector
tries to get a service that depends on itself, either directly or indirectly you will get error "Circular dependency". To fix this, construct your dependency chain such that there are no circular dependencies. Check the following article, it can give you a basic idea how to procceed.
mgechev | david-gang | Wizek | slobo | christianacca | peernohell |
AngularAOP is distributed under the terms of the MIT license.