角度7，elementRef不正确

Question

我已经创建了组件autocomplete，并且一直在使用它，直到我不得不在1个视图中使用该组件的2个用户为止，我看到模板中的dropdown引用了我的{的先前实例{1}}组件

autocomplete

和模板

@Component({
  selector: 'app-autocomplete',
  templateUrl: './autocomplete.component.html',
  styles: []
})
export class AutocompleteComponent implements OnInit, OnChanges {
  delayId;

  @ViewChild('dropdown')
  dropdown;
  @ViewChild('element')
  input;
....
}

我可以动态创建引用<div class="form-group" style="position: relative;"> <label for="{{buttonId}}">{{buttonCaption}}</label> <input #element (keyup)="sendKeyStrokes(element.value)" type="text" class="form-control" id="{{buttonId}}" aria-describedby="" placeholder="{{buttonCaption}}"> <ng-content></ng-content> <div #dropdown <-- **this is wrong** class="dropdown-menu" aria-labelledby="btnGroupDrop1"> <span *ngFor="let option of options" class="dropdown-item" (click)="optionClick(option)"> {{option.caption}} </span> </div> </div> 吗？或有人可以指引我正确的方向