带角度材质自动完成的模板中的tslint错误

Question

在角度4应用中，我使用材料组件自动完成，与文档中给出的示例非常相似：

<md-form-field>
   <input type="text" mdInput [formControl]="myControl"  [mdAutocomplete]="auto">
</md-form-field>

<md-autocomplete #auto="mdAutocomplete">
   <md-option *ngFor="let option of options" [value]="option">
      {{ option }}
   </md-option>
</md-autocomplete>

我还使用 tslint ，我的模板文件中出现错误，因为语法为[mdAutocomplete]="auto"：

The property "auto" that you're trying to access does not exist in the class declaration.

如何避免此错误？

Answer 1

这是一个代码解析器问题。请参阅此link和此issue：

  

codelyzer 3.0.1（vs tslint@^5.0.0）中存在问题，但是   在codelyzer3.0.0-beta.1中修复（vs tslint@^4.0.0）。

作为解决方法，请在您的打字稿类中使用@ViewChild。

import { ViewChild, ElementRef } from '@angular/core';
// ....

// Get the 'auto' element in your component class
@ViewChild('auto') auto: ElementRef;