2016-09-09 6 views
7

私は角度2で新しくなりましたが、角度1.xでは良い経験があります。角度2にaopを実装する方法

私はエラーを取得しています: は、モジュールのaspect.js/DIST/libに/側面」を見つけることができません以下

は私のコードです:

logging.aspect.ts

import {Injectable} from '@angular/core'; 
import {beforeMethod, Metadata} from 'aspect.js/dist/lib/aspect'; 
@Injectable() 
export class LogAspect { 

    @beforeMethod({ 
    classNamePattern: /(Matter|Customer)Service/, 
    methodNamePattern: /^(get)/ 
    }) 
    invokeBeforeMethod(meta: Metadata) { 
    console.log(`Inside of the logger. 
     Called ${meta.className}.${meta.method.name} 
     with args: ${meta.method.args.join(', ')}.` 
    ); 
    } 
} 

様相regex-pattern(Matter | Customer)サービスを含むクラス内のgetで始まるすべてのメソッド呼び出しにその名前で適用されるアドバイスを定義します。アドバイスに利用できるメタデータは、メソッド呼び出しのパラメータ

invoice.service.ts

import {Injectable} from '@angular/core'; 
import {Http} from '@angular/http'; 
import {Observable} from 'rxjs/Observable'; 
import 'rxjs/Rx'; 
import {Wove} from 'aspect.js/dist/lib/aspect'; 
import {Matter} from './Matter.model'; 
@Injectable() 
@Wove() 
export class MatterService{ 
    private url: string; 
    constructor(private http: Http) { 
    this.url = '/data/matters/data.json'; 
    } 
    get(): Observable<Matter[]> { 
    return this.http.get(this.url) 
     .map(
     (response) => <Matter[]>response.json() 
    ); 
    } 
} 

と一緒に実際のMETHOD-名とクラス名が含まれているとangular2

でAOPを実現するための他の方法を提案してくださいこと
+0

Angular 2の新しいAOTコンパイラを使用していますか? AOTはサードパーティのデコレータを壊しています。私は彼らが解決しようとしていると思います。 JITの下で動作するとき、私のカスタムデコレータは完全に動作します。私はデコレータとAOPが直交していることを認識していますが、デコレータ構文を使用しているので、AOTがAOTをデコレータとして消去しないということは、静的メタデータに変換されるプロセスで消去されます(部分的に解決された可能性があります) 。 (AOTへようこそ:デコレータを消去したTypeScriptと、JavaScriptのように考えているために難解だと思う) –

+0

おそらくhttpsで問題を開くことができます://github.com/mgechev/aspect.js。 Minko GechevはAngularでもよく関わっています。 –

答えて

1

kaop-tsを試しましたか?私はそれがより直感的で、会社のプロジェクトで私のために働いています

// LogAspect.ts 
import { Injectable } from '@angular/core' 
import { AdvicePool, adviceMetadata, IMetadata } from 'kaop-ts' 

@Injectable() 
export class LogAspect extends AdvicePool { 
    static log(@adviceMetadata meta: IMetadata) { 
    console.log('Called: ', meta.target) 
    console.log('Args: ', meta.args) 
    } 
} 

// YourService.ts 
import { Injectable } from '@angular/core' 
import { beforeMethod } from 'kaop-ts' 
import { LogAspect } from './LogAspect' 

@Injectable() 
export class YourService { 
    @beforeMethod(LogAspect.log) 
    get() { 
    // .... 
    } 
} 
+0

関連:https://github.com/k1r0s/kaop-ts/issues/5 – k1r0s

関連する問題