Angular解析错误：私有标识符不支持，#searchBar引发问题如何解决？

错误根源在按钮的点击事件绑定代码里——你写了#searchBar.value，这不符合Angular模板语法规则。模板引用变量（比如#searchBar）在事件表达式中直接使用变量名即可，不需要额外加#前缀。

修正后的代码： #

<div class="row" *ngFor="let marca of marcas">

    <div class="col-md-3">
        <span> {{ marca.nome }} </span>
    </div>

    <div class="col-md-1">
       
        <input #searchBar placeholder="categoria ML" class="form form-control" > 
       
    </div>
    <div class="col-md-1">

    <button (click)="salvarCategoria(marca, searchBar.value)" class="btn btn-primary" >salvar</button>
    </div>
</div>

关键说明： #

• #searchBar是模板引用变量，用来指代对应的input元素，在模板其他位置引用时，只需写变量名searchBar即可，无需加#。
• 你原本写的#searchBar.value会被Angular误识别为私有标识符，这就是触发错误的原因。

内容的提问来源于stack exchange，提问作者Diego Alves