如何以角度 10 的模板驱动形式调节文本框

Question

我是 angular 的新手，我正在用模板驱动的表单 html 编写。我需要这样编码，当我们从后端服务获得用户电子邮件的一个值时，它应该预先填充在文本框中，如果有多个电子邮件，则填充一个可编辑的下拉列表。有人可以在这里帮助我吗。

Answer 1

在你的组件中，你可以有一个方法来检查是否真的有多个电子邮件可用，比如

// totally depending on your actual implementation
function hasMultipleEmails(): boolean {
    return Array.isArray(yourUser.email.variable);
}

然后您可以使用此功能签入您的模板并实际实现两种不同的布局。例如

<input type="text" *ngIf="!hasMultipleEmails()"/>
<div *ngIf="hasMultipleEmails()">
    Your dropdown here
</div>