Angular 6组件继承

时间:2018-06-26 09:25:58

标签: angular inheritance components

我正在寻找重用和扩展其他模块中组件的方法。我已经在他们的docs网站上找到了angular的动态组件加载程序,但是我不知道这是否是扩展组件的正确方法。

我目前正在升级AngularJS应用,该应用包含两个angularJs模块。客户端使用的主模块和扩展主模块各部分并由内部使用的另一个模块。

在AngularJS中,我们只是从主应用程序扩展了指令和服务,并分别引导了它们。

我想在Angular 6中做类似的事情。我使用一个基本模块,该模块由两个应用程序中使用的所有组件组成。在这两个应用程序中,我都将它们扩展并通过动态组件加载来加载它们。

我在此处设置了一个堆栈闪电示例:https://stackblitz.com/edit/component-inheritance-example

我很想知道这是否是一条路,还是我完全走错了路。

我不喜欢为此使用辅助组件。我想拥有一种拦截器,可以在呈现选择器时加载正确的组件,但是我不知道那是否可能。

编辑:

这就是我们在angularjs中完成的方式:

angular.module('childApp').directive('parentDirective', () => return new OverriddenDirective())

angular.module('parentApp').run(...)
angular.module('childApp').run(...)

0 个答案:

没有答案