Angularmat-select无法选择默认值
创始人
2024-10-28 06:31:30
0

可以通过设置FormControl的初始值来解决mat-select无法选择默认值的问题。下面是一个示例:

HTML代码:


  
    {{option.viewValue}}
  

TypeScript代码:

import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';

@Component({
  selector: 'my-component',
  templateUrl: './my-component.html',
  styleUrls: ['./my-component.css']
})
export class MyComponent {
  options = [
    {value: 'option1', viewValue: 'Option 1'},
    {value: 'option2', viewValue: 'Option 2'},
    {value: 'option3', viewValue: 'Option 3'}
  ];
  myControl = new FormControl('option1'); //设置初始值为'option1'
}

在上述示例中,我们通过将FormControl的初始值设置为'option1”来解决mat-select不选择默认值的问题。当组件加载时,mat-select就会自动选中初始值。

相关内容

热门资讯

aapoker有挂!aapok... 1、aapoker有挂!aapoker有猫腻吗,(aapoker系统)都是真的是有挂(详细辅助工具存...
wepokeai代打的胜率!w... wepokeai代打的胜率!wepoke能赢嘛(wepoke好友房)一直真的是有挂(详细辅助技巧教程...
德州免费辅助神器app!德扑之... 德州免费辅助神器app!德扑之星怎么带出记分牌,德扑平台总是是真的有挂(详细安卓教程);科技安装教程...
微扑克游戏辅助器!微扑克有挂么... 微扑克游戏辅助器!微扑克有挂么,(微扑克代打)一直真的有挂(详细辅助挂教程);1分钟了解详细教程(微...
aapoker有外卦挂!Aap... aapoker有外卦挂!Aapoker app,(aapoker线上)原来真的是有挂(详细外卦挂教程...
aapoker辅助!aapok... 1、aapoker辅助!aapoker辅助工具存在吗,(aapoker机制)都是是有挂(详细辅助教程...
微扑克ai辅助工具!微扑克系统... 微扑克ai辅助工具!微扑克系统发牌规律,(微扑克苹果版)竟然真的是有挂(详细ai机器人教程);《WP...
微扑克德州专用辅助器!微扑克规... 微扑克德州专用辅助器!微扑克规律,(微扑克辅助)果然是真的有挂(详细辅助机器人教程);(需添加指定薇...
wepoke智能ai!wepo... 1、wepoke智能ai!wepoke软件收费是真的吗(wepoke智能ai)确实真的是有挂(详细软...
微扑克ai辅助器苹果版!微扑克... 微扑克ai辅助器苹果版!微扑克辅助器是骗人吗,(微扑克规律)一贯是有挂(详细辅助机器人教程);致您一...