Code Completion / autocomplete Angular / typescript ATOM in HTML

Question

I would like to know if there is any possibility to get a similar Codecompletion / Autocomplete in Atom like it is Webstorm.

Right now I am trying to get used to typescript and I really like it so far, but what really annoys me is, that I cannot get any Codecompletion in atom working for my HTML files.

That would make my life so much easier....
That is how it looks in Webstorm (trial version) webstorm screenshot

The Interface is very simple:

interface Person {
 name: string;
 lastName: string;
 birthday: number;
}

The Controller looks like that:

module myModule {
export interface IMyScope extends ng.IScope {
 person: Person;
}
export class MyCtrl {
 constructor($scope: IMyScope) {
 $scope.person.name = "Lucifer";
 }
}
angular
 .module('myModule')
 .controller('MyCtrl', MyCtrl);

}

It works perfectly fine in *.ts files... For example in Atom: enter image description here

But it does not work in HTML files. Like here: enter image description here

Any hint, configuration issues whatsoever you can tell me would be highly appreciated! Thanks for reading!

• orangespark: I think you can check this link
• phani indra: You can try this extension for VsCode @angular/[email protected] and [email protected]

Answer 1

A good autocomplete package in atom is Autocomplete Plus.

In the documentation, it links to a list of providers, the one you want is for html.

• Trent: Great suggestion; however, we're looking for an HTML auto-complete package which supports TypeScript from the corresponding Angular component.
• jeffkmeng: @Trent - are you using atom.io/packages/atom-typescript right now?
• Trent: Yes, I am using the atom-typescript package.