Yönlendirici'de devre dışı yöntemi nasıl geçersiz kılar?

Question

Birlikte Yönlendiricimde deactive yöntemini geçersiz çalışıyorum şu:

ihracat sınıfı AnimationRouterOutlet RouterOutlet { publicRoutes uzanır: Herhangi; private parentRouter: Yönlendirici; Bazı animasyonlar oluşturabilir, böylece - Gördüğünüz gibi

constructor(_elementRef: ElementRef, _loader: DynamicComponentLoader, 
      _parentRouter: Router, @Attribute('name') nameAttr: string) { 
    super(_elementRef, _loader, _parentRouter, nameAttr); 

    this.parentRouter = _parentRouter; 
} 

deactivate(instruction: ComponentInstruction){ 
    setTimeout(()=>{ 
     console.log("deactivvated state"); 
     return super.deactivate(instruction); 
    },1000); 
} 

activate(instruction: ComponentInstruction) { 
    console.log(instruction); 
    return super.activate(instruction); 
} 

}

, ben web sayfasını değiştirmede gecikme oluşturmak için çalışıyorum.

Ancak bu kullanarak, ben typescript derleyici hata var:

: error TS2415: Class 'AnimationRouterOutlet' incorrectly extends base class 'RouterOutlet'. Types of property 'deactivate' are incompatible. Type '(instruction: ComponentInstruction) => void' is not assignable to type '(nextInstruction: ComponentInstruction) => Promise'. Type 'void' is not assignable to type 'Promise'.

Bunu nasıl düzeltebilirim?

Answer 1

Geçersiz kılma işlevinin dönüş türünü bu şekilde değiştiremezsiniz. Dönüş türünün, süper sınıftaki dönüş türü veya daha özel olanla aynı türde olması gerekir.

CanDeactivate'u uygularsanız, yönlendiricinin bileşenlerden uzaklaşmadan önce beklediği bir söz verebilirsiniz.