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插入所选水果的选择项，而不是默认选择项。
相关内容
热门资讯
WePoKe透视挂！wpk俱乐...
WePoKe透视挂！wpk俱乐部有ai吗，（wEpoKe）本来有挂（详细辅助2025教程），支持语音...
德扑ai智能！德扑之星实战，w...
德扑ai智能！德扑之星实战，wepoke软件透明挂测试，实用技巧（有挂规律）是一款可以让一直输的玩家...
wpk发牌逻辑！wpk机器人代...
WePoke高级策略深度解析；wpk发牌逻辑！wpk机器人代打，（AAPOKER）竟然存在有挂（详...
wepoke辅助！weopke...
wepoke辅助！weopke真的吗，微扑克专用辅助程序，黑科技教程（有挂规律）；致您一封信；亲爱w...
aapoker发牌机制！德扑a...
aapoker发牌机制！德扑ai开发，（wEPOKE）一向存在有挂（详细透视辅助教程）；致您一封信；...
aapoker辅助工具！线上w...
aapoker辅助工具！线上wpk德州ai机器人，wpk ai辅助，微扑克教程（有挂黑科技）是一款可...
WPK透视辅助！云扑克辅助软件...
WPK透视辅助！云扑克辅助软件，（wePOke）原来真的是有挂（详细透视揭秘教程）；是一款可以让一直...
德扑之星作弊！pokermas...
德扑之星作弊！pokermaster有外挂吗，wepokeai代打，攻略教程（有挂教学）德扑之星作弊...
wepoke确实有挂！wpk真...
wepoke确实有挂！wpk真的有挂么，（WepOke）都是是有挂（详细辅助德州教程）1、不需要AI...
微扑克wpk透视辅助！wpk德...
微扑克wpk透视辅助！wpk德州测试外挂，欢乐棋牌有挂，必赢方法（有挂透明）1、构建自己的微扑克辅助...