HTML选择下拉值对齐

Question

我有一个Angular项目，并在我的HTML文件中有一个选择下拉列表。在下拉列表中，我有2个绑定。

<select class="form-control" [(ngModel)]="security.Id" name="securityId">
     <option *ngFor="let c of Users" [ngValue]="c.UserId">{{c.Name}} -
 {{c.LoginId}}
     </option>
</select> 

现在我希望'c.Name'的值应该在下拉列表中保持对齐。而且'c.LoginId'的值应该是正确对齐的。

我如何在目前的情况下实现这一目标？

Answer 1

虽然<option></option>有像容器元素一样的结束标记，但它不允许在任何其他元素内部，并且如果你添加元素并尝试按照你想要的格式化而不起作用。请注意添加任何标记，例如span或其他内容，源代码除<option></option>外不会显示任何内容。

您必须使用选择下拉插件，例如Select2或其他内容。