Angular 6 - 根据单选按钮的部分显示表单组件_程序开发

创始人

2024-10-16 01:00:50

0次

要根据单选按钮的选项部分显示表单组件，你可以使用Angular的内置指令ngIf来实现。下面是一个Angular 6的示例代码：

首先，你需要在组件的HTML模板中添加一个单选按钮和要显示/隐藏的表单组件。


   Option 1
   Option 2

接下来，在组件的TypeScript文件中，你需要定义一个变量来控制要显示的表单组件，并在单选按钮的change事件中更新它。

export class YourComponent {
  showFormComponent: string;

  toggleFormComponent(option: string) {
    this.showFormComponent = option;
  }
}

这样，当用户选择不同的选项时，相应的表单组件将会被显示或隐藏。

请确保在使用之前已经导入了Angular的FormsModule模块。

透视详细！wepoker私人局... 透视详细！wepoker私人局俱乐部怎么进（透视）wpk软件是正规的吗，教程学习（有挂分析）-哔哩哔...

we poker辅助器!hhp... we poker辅助器!hhpoker可以控制牌吗(透视)器-确实曝光存在有挂1.hhpoker可以...

透视解密！wepoker线上大... 透视解密！wepoker线上大神（透视）aapoker透视脚本入口，教程窍门（确实有挂）-哔哩哔哩；...

pokemmo修改器手机版!f... pokemmo修改器手机版!fishpoker透视(透视)器-竟然必备是有挂1、pokemmo修改器...

透视详细！wepoker有没有... 透视详细！wepoker有没有挂（透视）wpk有那种辅助吗，教程积累（有挂透明挂）-哔哩哔哩wpk有...

拱趴大菠萝开挂方法!竞技联盟透... 拱趴大菠萝开挂方法!竞技联盟透视(透视)插件-确实总结真的有挂暗藏猫腻，小编详细说明拱趴大菠萝开挂方...

透视开挂！hhpoker德州挂... 透视开挂！hhpoker德州挂真的有吗（透视）约局吧开挂神器是真的吗，教程模板（有挂工具）-哔哩哔哩...

epoker免费透视脚本!德州... epoker免费透视脚本!德州透视是真的假的(透视)app-都是揭露真的有挂1）德州透视是真的假的辅...

透视科普！fishpoker透... 透视科普！fishpoker透视底牌（透视）wepoker私人辅助器，教程指南书（证实有挂）-哔哩哔...

aapoker万能辅助器!wp... aapoker万能辅助器!wpk辅助哪里买(透视)技巧-本来揭露有挂该软件可以轻松地帮助玩家将aap...