如何在ng4中让select显示出来默认值?

发布于 2022-09-05 05:52:15 字数 643 浏览 7 评论 0

写的select显示出来时,默认是空白的,想让它显示默认值

图片描述

下面是代码

      <select [(ngModel)]="linkNode" (ngModelChange)="linkChange($event)"
              *ngFor="let friendlyLink of firenlyLinkData;index as $index">
        <option [ngValue]="" disabled>---{{(friendlyLink)?.Name}}---</option>
        <option *ngFor="let item of (friendlyLink)?.Nodes" [ngValue]="item">{{(item)?.Name}}</option>
      </select>

想要的效果就是比如---新闻媒体网站---默认显示,而不是空白的

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

掩于岁月 2022-09-12 05:52:15

linkNode有一个默认值呗

焚却相思 2022-09-12 05:52:15

我举个例子吧:
xxx.component.ts文件中:

this.fb.group({
    'Fruits': ['-1']
}

xxx.component.html文件中:

<select class="form-control" formControlName="Fruits">
    <option value="-1">请选择</option>
    <option *ngFor="let item of items$ | async" [value]="item.fruitsName">{{item.fruitsName}}</option>
</select>

你在响应式表单构造的formControl里的初始值和你的默认项初始值需要一致(value)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文