angular - no-unused-variable TSLint 规则不适用于 private @HostBinding

Question

在我的 TSLint 文件中，我有:

"no-unused-variable": true

在我的组件中，我有时会:

// tslint:disable-next-line:no-unused-variable
@HostBinding('class') private classes = 'my-theme';

因为 classes 是私有(private)的，TSLint 提示，所以我每次都必须禁用 TSLint。

因为封装，我不想公开@HostBinding。

解决此问题的推荐方法是什么？

Answer 1

据我所知，你有两个选择。

1 - 使用protected。 self 解释:

@HostBinding('class') protected classes = 'my-theme';

2 - 使用忽略模式。根据here，与指定模式匹配的变量和导入名称将被此规则忽略。 .该模式是一个正则表达式，^_ 表示以 _ 开头的任何字符串。

tslint.json:

...
"no-unused-variable": [true, {"ignore-pattern": "^_"}]
...

组件:

@HostBinding('class') private _classes = 'my-theme';

奖金

如果您的变量是只读的，您也可以执行其中一项操作。它不会阻止 tslint 错误，但它会阻止意外修改变量(如果这是您担心封装的原因)。

@HostBinding('class') private readonly classes = 'my-theme';
@HostBinding('class') private get classes() { return 'my-theme'; }