elegant way to downgrade all angular components for angular js

My app is supposed to migrate from angularjs to angular.

I'm creating new angular components. Is there an elegant way to automatically import and downgrade component?

Current code:

import { ColorPickerComponent } from './angular-comp/color-picker/color-picker.component';
import {FileSelectComponent } from './angular-comp/file-select/file-select.component';


export default angular
    .module('kn-components', myModuleNames)
    .directive('colorPicker', downgradeComponent({component: ColorPickerComponent}))
    .directive('fileSelect', downgradeComponent({component: FileSelectComponent}))
    .name;

Each time I create a component I need to do it, it's quite verbose....

For my angularjs component, for example, I did the following:

const myModuleNames = [];
const loadModules = require.context(".", true, /\.module.js$/);
loadModules.keys().forEach(function (key) {
    if(loadModules(key).default)
        myModuleNames.push(loadModules(key).default);
});

then:

export default angular
    .module('kn-components', myModuleNames)

and all my modules/components are imported

from elegant way to downgrade all angular components for angular js

elegant way to downgrade all angular components for angular js 2019-03-13T07:12:00-07:00 Rating: 4.5 Diposkan Oleh: Admin