Question

为angularjs创建指令时，我经常将模板保存为字符串文字。有时候模板会跨越几行，所以我会以缩进html文件的方式缩进它们以提高可读性。

这是一个非常简单的例子

template: '<div>' +
              '<div>' +
                  '<input ngModel="myText" type"text">' +
              '</div>' +
              '<div>' +
                  '<button ng-click="ok()">OK</button>' +
               '</div>' +
           '</div>',

不幸的是，每当我重新格式化代码时，Webstorm都会删除所有手工制作的缩进，因此模板将如下所示：

template: '<div>' +
'<div>' +
'<input ngModel="myText" type"text">' +
'</div>' +
'<div>' +
'<button ng-click="ok()">OK</button>' +
'</div>' +
'</div>',

在重新格式化过程中，是否有某个设置或其他技巧使Webstorm在多行字符串文字中保留相对缩进？感谢。

Answer 1

您可以在“首选项”中启用特殊格式化程序控件注释编辑|代码样式然后在代码中使用它们以防止WebStorm重新格式化它：

// @formatter:off
    template: '<div>' +
              '<div>' +
                  '<input ngModel="myText" type"text">' +
              '</div>' +
              '<div>' +
                  '<button ng-click="ok()">OK</button>' +
               '</div>' +
           '</div>',
// @formatter:on

如何在重新格式化期间使Webstorm保持多行字符串文字的缩进

1 个答案: