我已经搜索并try 了这个论坛中提供的许多解决方案,但我似乎仍然无法让我的代码显示占位符. enter image description here

我在值中使用了"",以及禁用和隐藏,以及不创建变量和只输入短语.也许我只是需要一双新的眼睛来帮助我看清我可能错过了什么.

这是输出 enter image description here

我在搜索时try 了一些排名靠前的结果,但它们似乎不起作用

*****update enter image description here

所以五个工作中的三个,我唯一能想到的就是我使用的数组*ngFor...我想我读到过一些关于这方面的东西.因为另外两个是与上面相同的代码,并固定为第一个答案,但出于某种原因,它们不能使用占位符.

推荐答案

您可以创建一个值设置为未定义和禁用的选项,因此在第一次加载时,它将显示为标签,之后用户可以 Select 正确的值!

<form #f="ngForm" (ngSubmit)="save()">
  <select
    [(ngModel)]="selected"
    name="valueCheck"
    (change)="valueChange($event)"
  >
    <option [ngValue]="undefined" disabled>Choose...</option>
    <option
      *ngFor="let obj of stud"
      [ngValue]="obj.rnNo"
      [selected]="obj.rnNo == selected"
    >
      {{ obj.name }}
    </option>
  </select>
  <button type="submit">submit</button>
  <button (click)="clear()">clearValue</button>
</form>
<h3>{{ selected }}</h3>

TS

...
export class AppComponent {
    selected!: number;
...

stackblitz

Typescript相关问答推荐

如何传递基于TypScript中可变类型的类型?

为什么缩小封闭内部不适用于属性对象,但适用于声明的变量?

SortKey类型不起作用,尽管它使用的单个类型工作正常<>'

类型脚本强制泛型类型安全

如何在TypeScrip中从字符串联合类型中省略%1值

使用TypeScrip根据(可选)属性推断结果类型

是否有一个版本的联合类型递归地使属性只出现在一个可选选项中?

<;T扩展布尔值>;

如何在react组件中使用doctype和html标签?

如何从扩展接口推断泛型?

具有自引用属性的接口

正交摄影机正在将渲染的场景切成两半

找不到财产的标准方式?

是否可以强制静态方法将同一类型的对象返回其自己的类?

在TypeScript中扩展重载方法时出现问题

具有匹配功能的TS通用事件处理程序

使用来自API调用的JSON数据的Angular

类型';只读<;部分<;字符串|记录<;字符串、字符串|未定义&>';上不存在TS 2339错误属性.属性&q;x&q;不存在字符串

覆盖高阶组件中的 prop 时的泛型推理

类型string不可分配给类型string| 联盟| 的'