Company logo
  • Jobs
  • Bootcamp
  • About Us
  • For professionals
    • Home
    • Jobs
    • Courses and challenges
    • Questions
    • Teachers
    • Bootcamp
  • For business
    • Home
    • Our process
    • Plans
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Calculator

0

52
Views
Creating a Basic JS Library for Angular

I've been working to build some front-end components with CSS and some JS code. I've built the JS library using TypeScript and some vanilla JS. The structure of my code is:

  • /src/alert.ts
  • /src/modal.ts
  • /src/dropdown.ts
  • etc...

Each script file is laid out roughly like this:

export class Modal {
  constructor(element: Element|string, options: ModalOptions) {
    doSometing();
  }
}

I want to be able to compile my library and bring it into my Angular application like:

import { Modal } from 'mylibrary';

let modalInst = new Modal(Element, {
  someProperty: true
});

For the life of me, I can't figure out what I'm missing in order to get Angular to see my classes as modules. Can someone point me in the right direction?

8 months ago ยท Juan Pablo Isaza
Answer question
Find remote jobs