Angularmat-select，为项列表和所选项设置不同的模板 _程序开发

创始人

2024-10-28 07:01:13

0次

为了设置不同的模板，我们需要使用Angular的MatOption组件，MatOption组件提供了许多模板选项，可以根据需要进行自定义。以下是如何实现的示例代码：

HTML模板:


  
  



  {{fruit.name}}



  {{fruit.name}} is tasty!

在上面的示例中，我们为每个选择项使用了ngTemplateOutlet来嵌入html代码。假设我们还想为所选项创建一个不同的模板，我们可以使用MatSelect的selectionChange事件来捕获所选项并使用ngTemplateOutlet嵌入另一个模板，如下所示：


  
  



  {{fruit.name}}



  {{fruit.name}} is tasty!

在这个示例中，当选中一个水果时，我们会使用ngTemplateOutlet插入所选水果的选择项，而不是默认选择项。

科技通报开挂!星悦广西字牌辅助... 科技通报开挂!星悦广西字牌辅助透视挂，川渝互娱真的是有外挂，好像有挂总结1、星悦广西字牌免费脚本咨询...

推出新举措透视挂!九酷大厅辅助... 推出新举措透视挂!九酷大厅辅助透视挂，楚天游是有外挂，一贯有挂规律1、上手简单，内置详细流程视频教学...

一分钟教你开挂!微友麻将辅助透... 一分钟教你开挂!微友麻将辅助透视挂，大唐麻将全集确实有外挂，本来有挂细节1、大唐麻将有没有辅助教程、...

技术分享辅助!胖猪竞技辅助透视... 技术分享辅助!胖猪竞技辅助透视挂，盛世2真的有外挂，真是证实有挂1、让任何用户在无需胖猪竞技安装教程...

有玩家发现透视挂!新版玄龙辅助... 有玩家发现透视挂!新版玄龙辅助透视挂，威九国际存在有外挂，确实有挂解密1）新版玄龙有没有挂：进一步探...

记者爆料透视挂!嘉兴黑桃A辅助... 记者爆料透视挂!嘉兴黑桃A辅助透视挂，易棋游戏真的是有外挂，好像有挂实锤1）嘉兴黑桃A免费钻石：进一...

昨日透视挂!微乐龙江麻将辅助透... 昨日透视挂!微乐龙江麻将辅助透视挂，pp是真的有外挂，好像有挂功能进入游戏-大厅左侧-新手福利-激活...

经调查开挂!夜猫麻将辅助透视挂... 经调查开挂!夜猫麻将辅助透视挂，读了贵阳捉鸡麻将是有外挂，总是有挂攻略1、完成夜猫麻将辅助器v3.3...

刚刚透视挂!随便跑胡子辅助透视... 刚刚透视挂!随便跑胡子辅助透视挂，长城互娱存在有外挂，总是有挂秘籍1、随便跑胡子免费辅助多个强度级别...

必知教程透视挂!海星大厅辅助透... 必知教程透视挂!海星大厅辅助透视挂，常州麻将是有外挂，一直有挂功能暗藏猫腻，小编详细说明海星大厅破解...