javascript – Angularjs Typescript控制器继承和依赖注入

前端之家收集整理的这篇文章主要介绍了javascript – Angularjs Typescript控制器继承和依赖注入前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一组Controller类,这些类派生自具有许多依赖项的基类.每次我想创建派生类时,我都必须将基类构造函数依赖项复制到派生类构造函数中.这看起来特别难看和重复.见下文;
module MyModule
{    
     export class ParentCtrl
     {
         constructor($http,$provide,$scope,$compile,MyService,$parse,$timeout)
         {
             console.log('parent');
         }

         FunctionA(){...}
         ...
         FunctionZ(){...}
     }

     export class ChildCtrl extends ParentCtrl
     {
         constructor($http,$timeout)
         {
           super($http,$timeout);
           console.log('child');
         }
         FunctionA(){ console.log('Override A'); }
     }

     export class GrandChildCtrl extends ChildCtrl
     {
         constructor($http,$timeout);
           console.log('grandchild');
         }
         FunctionB(){ console.log('Override B'); }
     }
 }

我已从构造函数参数中删除了类型定义,以便于阅读.

有没有办法避免这些冗长的构造函数被复制?我曾想过在base / Parent控制器中有一个函数,它从构造函数调用以注入所需的类型.这意味着依赖关系将局限于基类.

有没有人成功尝试过这个?

解决方法

Angular对控制器继承不友好.它有利于构图.考虑将实用程序代码分解为Angular Service: https://docs.angularjs.org/guide/services(它们是单例)或只是另一个typescript实用程序类.

如果你必须你可以在基础中注入$injector:https://docs.angularjs.org/api/auto/service/$injector并使用它来加载你在基础构造函数中需要的东西.

原文链接:https://www.f2er.com/js/157239.html

猜你在找的JavaScript相关文章