2016-09-09 2 views
7

Я новичок в Angular 2, но у меня есть хороший опыт работы в Angular 1.x.как реализовать aop в угловой 2

Я получаю сообщение об ошибке: Не удается найти модуль 'aspect.js/расстояние/Библиотека/аспект'

Ниже мой код:

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(', ')}.` 
    ); 
    } 
} 

аспект определяет совет, который применяется ко всем вызовам методов, начиная с get внутри классов, содержащих службу регулярных выражений (Matter | Customer) в их имени. Метаданные доступны для консультаций могут содержать фактические и ме- классовые имена наряду с параметрами метода-вызова

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() 
    ); 
    } 
} 

И, пожалуйста, предложить какой-либо другой способ реализации АОП в angular2

+0

Вы используете компилятор AOT от Angular 2? AOT ломает сторонние декораторы, которые, я думаю, они пытаются решить. При работе под JIT мои пользовательские декораторы работают отлично. Я понимаю, что декораторы и AOP ортогональны, но поскольку вы используете синтаксис декоратора, просто знайте, что он не хорошо работает с AOT, поскольку AOT стирает декораторы в процессе, называемом опусканием, где они преобразуются в статические метаданные (это, возможно, было частично разрешено) , (приветствуется в AOT: TypeScript с стираемыми декораторами и типами типа «замысловатые и неработающие») –

+0

Возможно, вы можете открыть проблему на https : //github.com/mgechev/aspect.js. Минько Гечев очень вовлечен в Угловое, а также –

ответ

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

Смежные вопросы