如何在Angular打字条中的选择标签中添加占位符？

发布于 2025-01-21 23:53:37 字数 468 浏览 0 评论 0原文

我正在尝试使用占位符在选定标签中的下拉列表，但占位符不起作用。另外，我尝试了其他一些选择，但它们没有起作用。

<select class="form-control" [(ngModel)]="Category" required placeholder="Category">
    <option value="" disabled selected>Select one category </option>
    <option *ngFor="let data of array" [value]="data.Value">{{data.Name}}</option>
</select>

我有一个选择标签，其中我删除 [（ngmodel）] =“ category” 属性，并显示占位符选项，但是当我添加它们时，它在占位符中显示为空白。

原文

I'm trying to use a placeholder for dropdowns in the select tag, but the placeholder isn't working. Also, I tried some other options, but they didn't work.

<select class="form-control" [(ngModel)]="Category" required placeholder="Category">
    <option value="" disabled selected>Select one category </option>
    <option *ngFor="let data of array" [value]="data.Value">{{data.Name}}</option>
</select>

I have a select tag where I remove the [(ngModel)]="Category" properties and it shows the placeholder option, but when I add them it shows Blank in Placeholder.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

-小熊_ 2025-01-28 23:53:37

在ts文件中，将您的[（ngmodel）]称为null，它将起作用，
我也附上了Stackblitz演示。

您可以使用禁用的选项。

在 ts 中：

selected4 = null;

html

<select [(ngModel)]="selected4">
    <option value="" disabled selected>Select your option</option>
    <option value="1">Hey</option>
    <option value="2">Hello</option>
</select>

stackblitz

In TS File declare your [(ngModel)] as null, it will work,
I have attached the stackblitz demo as well.

You can use an option with disabled.

In TS:

selected4 = null;

HTML

<select [(ngModel)]="selected4">
    <option value="" disabled selected>Select your option</option>
    <option value="1">Hey</option>
    <option value="2">Hello</option>
</select>

stackblitz

回复收藏 0 原文

~没有更多了~