Question

当我尝试使用Rest客户端填充数据时，无法在“选择”选项下拉列表中显示数据。

这是“选择”选项的代码-

<select class="selectpicker form-control" title="Choose Project" data-live-search="true" ng-model="">
    <option value="null">Choose Project</option>
    <option *ngFor="let project of projectList">{{project.projectname}}</option>
</select>

Angular .ts文件中的代码是-

projectList: Project[] = [];

ngOnInit() {
    this.queryService.retrieveProjectInfo().subscribe((data: any) => {
       this.projectList = data ;
    }); }

调用服务的代码-

retrieveProjectInfo() {
const username = localStorage.getItem('currentUser');
return this.httpClient.get(environment.sourceDbIrisUrl + 'getRelatedProjects/' + username); }

我了解到subscription返回一个Observable对象，每当返回值时，该对象都会被分配给UI组件。

如果我尝试以静态方式填充projectList，则会在Select选项中获得值-

projectList: Project[] = [
{projectname: 'ABC', projectid: 'A1'},
{projectname: 'XYZ', projectid: 'B1'}];

当我以动态方式填充Select的选项时，我只是没有得到值。但是，使用相同的机制，我会将数据填充到数据表中。

因此，我不确定选择选项在哪里出问题。

P.S。-我是Angular和UI开发的新手。：）

选择与来自Rest Client的动态数据一起使用时不显示的选项。对UI使用Angular 6和Bootstrap

0 个答案: