HTML中的代码完成/自动完成Angular / typescript ATOM答案

【问题标题】：Code Completion / autocomplete Angular / typescript ATOM in HTMLHTML中的代码完成/自动完成Angular / typescript ATOM
【发布时间】：2017-01-26 05:33:41
【问题描述】：

我想知道是否有可能在 Atom 中获得类似的代码完成/自动完成功能，就像 Webstorm 一样。

现在我正在尝试习惯 typescript，到目前为止我真的很喜欢它，但真正让我烦恼的是，我无法让 atom 中的任何 Codecompletion 为我的 HTML 文件工作。

这会让我的生活变得更轻松......
这就是它在 Webstorm 中的样子（试用版）

界面很简单：

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

控制器看起来像这样：

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);

}

它在 *.ts 文件中运行良好... 例如在 Atom 中：

但它不适用于 HTML 文件。像这儿：

您能告诉我的任何提示、配置问题将不胜感激！感谢阅读！

【问题讨论】：

我想你可以看看这个link
你可以试试这个VsCode扩展@angular/language-service@5.0.0-beta.5 and typescript@2.4.2

标签： javascript html angularjs typescript atom-editor

【解决方案1】：

原子中一个好的自动完成包是Autocomplete Plus。

在文档中，它链接到providers 的列表，您想要的是html。

【讨论】：

很好的建议；但是，我们正在寻找一个支持来自相应 Angular 组件的 TypeScript 的 HTML 自动完成包。
@Trent - 你现在使用的是atom.io/packages/atom-typescript吗？
是的，我正在使用atom-typescript 包。