模板解析错误：由于它不是'input'的已知属性，因此无法绑定到'typeahead'

Question

任何人都可以帮忙，因为我尝试使用ngx-bootstrap 5.0.0的最新版本，但仍然无法正常工作。

正如我展示的那样，我按照[official doc] [1]的步骤进行操作，但是没有用 在HTML中：

  <input formControlName="Country"
    [typeahead]="Country"
    [typeaheadOptionsLimit]="7"
    [typeaheadMinLength]="0"
    [typeaheadAsync]="true"
    placeholder="Type here"
    class="form-control">
</div>


  [1]: https://valor-software.com/ngx-bootstrap/#/typeahead

Answer 1

您需要将ngx-bootstrap类型前面的模块导入到您的模块中。将TypeaheadModule添加到模块的导入部分。

Answer 2

通过添加[attr.typeahead]解决了问题 解决方案是 <input formControlName="State" [attr.typeahead]="states" placeholder="Typeahead inside a form" class="form-control" />

但是 由于没有出现这个新清单，因此没有新的问题。没人知道这会发生什么以及如何解决。