Angular template for Visual Studio

#1 · February 26, 2018, 8:11 am

Hi.

In Your QuickApp Pro solution other component files likes HTML and stylesheet are attached to the typescript file.

What template do you use to create components?

Sincerely, Alexandr.

#2 · March 1, 2018, 8:45 am

Hello,

Do you mean related files are grouped/nested together?
This is achieved with a VisualStudio plugin "File Nesting" from Mads Kristensen. You can get it free from this address: https://marketplace.visualstudio.com/items?itemName=MadsKristensen.FileNesting

If you mean via code then this is an Angular/TypeScript syntax. You type it by hand. Using angular CLI to generate your components also automatically does this for you e.g.

@Component({
    selector: 'about',
    templateUrl: './about.component.html',
    styleUrls: ['./about.component.scss'],
    animations: [fadeInOut]
})
export class AboutComponent {
}

#3 · March 1, 2018, 8:56 am

Thank you. This extension is exacltly what I want.

I use this extension to create components. It creates all the necessary files and classes, but I don't have an option to collapse multiple files off one component.

Regards, Alexandr.

#4 · March 1, 2018, 12:26 pm

Aa ok. The extension does that pretty well. With a fine control over how the nesting should be.

IMPORTANT!

This forum is now archived. Click here for the New Support Forum