Where to put regular classes in Angular app?

Question

Assuming my app's structure looks like this:

|-- app
    |-- components
    |-- features
    |-- models
    |-- pipes
    |-- services
    |-- views

And now I've made a regular class with a few methods and @Output so that several components may extend this class. Should I create a folder "classes"? I've never seen this in the docs or articles.

Answer 1

If it has @Output as you say but it's not a component - I presume it's for other components to inherit? In this case I like to call them base components, I'll usually drop them within components a level higher than the inheriting components.

For example:

|-- app
    |-- components
        |-- fancy-table
            |-- small-fancy-table
                |-- small-fancy-table.component.ts
                |-- small-fancy-table.component.html
            |-- large-fancy-table
                |-- large-fancy-table.component.ts
                |-- large-fancy-table.component.html
            |-- base-fancy-table.component.ts <-- The class you're referring to.
    |-- features
    |-- models
    |-- pipes
    |-- services
    |-- views

Answer 2

You already have models folder, you could create interface/class according to your need