Question

我在Angular应用程序中从后端服务器请求资源。资源是多个环境，包括多个数据库。

环境如下：

export class Environment {
    id: string;
    environmentName: string;
    databases: Database[];
    links: string[];
}

并且环境中的数据库如下所示：

export class Database {
    id: string;
    connectionName: string;
    dbSourcetype: string;
    username: string;
    password: string;
    connectionUrl: string;
    connectionStatus: string;
    databaseEnvironment: {
        creationDate: string;
        environmentName: string
    }
    creationDate: string;
    links: string[];
}

现在我想实现一个表单，我必须在所有数据库中添加select。 option必须显示数据库名称及其所属的环境

这是我的HTML：

<select>
    <div *ngFor="let environment of environments">
        <option *ngFor="let database of environment.databases" 
                [value]="database.id">
            {{environment.environmentName}}.{{database.connectionName}}
        </option>
    </div>
</select>

但该选项没有显示任何内容。当我只想显示没有select的数据库时，比如

<div *ngFor="let environment of environments">
  <div *ngFor="let database of environment.databases">
    {{environment.environmentName}}.{{database.connectionName}}
  </div>
</div>

然后它运作正常。

那么如何选择检索到的数据库？

Answer 1

我只需使用function(){}代替<optgroup>。感谢Anton Lee，问题解决了！

如何在HTML中选择检索到的数据

1 个答案: