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插入所选水果的选择项，而不是默认选择项。

透视了解“wepoker怎么看... 【亲，wepoker怎么看底牌这款游戏可以开挂的，确实是有挂的，很多玩家在这款wepoker怎么看...

必备教程“海贝之城有辅助吗”从... 必备教程“海贝之城有辅助吗”从来有辅助开挂安装（有挂解惑）；无需打开直接搜索微信（136704302...

玩家必备教程“wejoker私... 大家好，今天小编来为大家解答wejoker私人辅助软件这个问题咨询软件客服可以免费测试直接加微信（1...

技术分享“九九山城万州版辅助器... 技术分享“九九山城万州版辅助器”固有有辅助开挂下载（有挂工具）了解更多开挂安装加（13670430...

一分钟了解“小程序可以开挂吗”... 一分钟了解“小程序可以开挂吗”从前有辅助开挂平台（确实有挂）了解更多开挂安装加（136704302...

揭秘关于“情怀游戏辅助器破解版... 揭秘关于“情怀游戏辅助器破解版苹果”一向有辅助开挂挂（有挂解密）；无需打开直接搜索微信（136704...

最新技巧“隶属茶苑苹果手机辅助... 最新技巧“隶属茶苑苹果手机辅助”一向有辅助器（确实有挂）；亲，隶属茶苑苹果手机辅助这款游戏原来确实可...

透视挂透视“兴动互娱工具名称”... 【亲，兴动互娱工具名称这款游戏可以开挂的，确实是有挂的，很多玩家在这款兴动互娱工具名称中打牌都会发...

玩家必看科普“天天互娱软件”本... 玩家必看科普“天天互娱软件”本来有辅助开挂脚本（真实有挂）；无需打开直接搜索薇:136704302 ...

今日百科“奇迹陕西三代辅助器免... 您好：这款奇迹陕西三代辅助器免费游戏是可以开挂的，确实是有挂的，很多玩家在这款奇迹陕西三代辅助器免费...