WebStorm AngularJS html 自动补全答案

【问题标题】：WebStorm AngularJS html autocompletionWebStorm AngularJS html 自动补全
【发布时间】：2017-10-11 06:29:01
【问题描述】：

我可以设置 WebStorm 来自动完成“Controllers.My”和“c1.test”吗？

    // TypeScript code    
    module Controllers
    {
        export class My
        {
            test: string;
            constructor()
            {
                this.test = "ups";
            }
        }
    }

    // html
    <div ng-controller="Controllers.My as c1">
        <input ng-model="c1.test"> {{c1.test}} 
    </div>

【问题讨论】：

标签： angularjs webstorm

【解决方案1】：

请尝试WebStorm 8 RC - 在那里完成工作。另见http://blog.jetbrains.com/webstorm/2014/01/webstorm-8-eap/

【讨论】：

确实做到了。尽管它无法获取新的“as syntax”——将 c1 下划线标记为“Unresolved type c1”，并且不会在 c1 或范围属性上提供智能感知。
请投票给WEB-11544 以获取任何进展通知
实际上，正如我所发现的，如果我将我的类注册为角度控制器，WebStorm 能够找出 c1 的类型并开始为 {{c1.test}} 属性提供智能感知。唯一缺少的是我可以忍受的 ng-model 中的智能感知。

【解决方案2】：

是的，你可以，

选择此代码并

使用File -> Settings -> Live Template 选项和

点击右上角的+按钮并选择1.Live Template

您将看到一个面板，在那里输入您的abbrevation 字段例如：“myfn”并在Template text 字段中输入您想要的模板

例如：

function My (){

}

并保存，现在每次你输入 myfn 并点击tab 按钮，你都会得到上面的模板

同样你可以添加 html 模板，或者 webstorm 支持的任何语言

【讨论】：

虽然有用，但它并不是我想要的——定义一个新类并立即在智能感知中看到它。