带有ngModel的Angular选项在与value属性配对时不显示默认选项

是因为ngModel指令会覆盖value属性的值。ngModel是Angular中的双向数据绑定指令，它会将表单控件的值与组件中的属性进行绑定，实现数据的双向同步。

当使用ngModel指令时，Angular会自动将表单控件的值与组件中的属性进行绑定。如果同时设置了value属性，ngModel会优先使用自身的值，而不是value属性的值。因此，如果想要显示默认选项，需要在组件中设置一个默认值，并将其与ngModel进行绑定。

以下是一个示例代码：

<select [(ngModel)]="selectedOption">
  <option [value]="'default'">默认选项</option>
  <option [value]="'option1'">选项1</option>
  <option [value]="'option2'">选项2</option>
</select>

在上述代码中，我们使用ngModel指令将select元素与组件中的selectedOption属性进行双向绑定。同时，我们设置了一个默认选项，并将其值设置为"default"，然后将其与value属性进行绑定。

这样，在页面加载时，默认选项会显示在下拉列表中，并且当用户选择其他选项时，selectedOption属性的值会自动更新。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）

腾讯云云服务器（CVM）是一种弹性计算服务，提供了可扩展的计算能力，适用于各种规模的应用程序和业务场景。您可以根据实际需求选择不同的配置，包括计算能力、存储容量、网络带宽等。

产品介绍链接地址：https://cloud.tencent.com/product/cvm