Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Code Completion / autocomplete Angular / typescript ATOM in HTML

Tags:

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!

like image 682
djnose Avatar asked Sep 18 '16 12:09

djnose


People also ask

Does Atom support autocomplete?

If you're still looking to save some typing time, Atom also ships with simple autocompletion functionality. The autocomplete system lets you view and insert possible completions in the editor using Tab or Enter .


1 Answers

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.

like image 117
jeffkmeng Avatar answered Oct 19 '22 05:10

jeffkmeng