当从可观察对象加载数据时，从angular2中选择材质不起作用

Question

我无法从可观察的数据中加载选择的选项。

我的组件代码：

declare var $: any;

@Component({
  selector: 'app-home-page-eventos',
  templateUrl: './home-page-eventos.component.html',
  styleUrls: ['./home-page-eventos.component.css']
})
export class HomePageEventosComponent implements OnInit {
  ngOnInit() {
    $(document).ready(function() {
      $('select').material_select();
    });
  }
}

我的HTML模板如下：

<div class="col l2 m2 s6 input-field">
  <select class="home-page-select home-page-eventos-select" materialize="material_select">
    <option value="" disabled selected>Estado</option>
    <option value="">São Paulo</option>
    <option value="">Rio de Janeiro</option>
    <option [value]="state.name" 
            *ngFor="let state of (responseStates$ | async)">
       {{state.name}}
    </option>
  </select>
</div>

可观察的$ responseStates可以按预期方式检索数据，如果检查浏览器中生成的HTML，则可以看到完全填充的期望数据。但是此数据未加载到屏幕上的选择下拉列表中。

我已经阅读了material_select（）函数已被弃用，现在应该使用formSelect（）函数。但是，当我执行此替换时，我在控制台中收到错误消息，指出在materialize.js文件中找不到formSelect函数，实际上，当我转到该文件时，我只能找到material_select（）函数。 / p>

我正在使用angular2-materialize软件包的版本15.1.10。