读取单选按钮值 - Angular 2

2024-03-04

我正在尝试读取单选按钮值 - 以角度 2 表示,

索引.html

<input type="radio" id="options1" name="function" value="create">
<input type="radio" id="options2" name="function" value="continue">

index.ts

@Component({
    selector: 'function',
    templateUrl: './client/components/function/index.html',
    styleUrls: ['./client/components/function/index.css'],
    providers: [],
    directives: [ROUTER_DIRECTIVES]
})

我需要根据单选按钮值是创建还是继续在 html 中显示 div。

我尝试过的:

  1. 使用以下命令获取打字稿文件中单选按钮的值document.getElementById- 财产checked没有被发现。
  2. 使用读取值model.function通过定义一个model在打字稿中。无法访问model变量,显然!
  3. 尝试使用[(ngModel)]- 那也没用。

请为此提出周转建议。


模板:

<input type="radio" id="options1" [(ngModel)]="myRadio" value="create">
<input type="radio" id="options2" [(ngModel)]="myRadio" value="continue">

然后定义一个myRadio组件中的变量并像这样初始化它:myRadio: string = ''

该变量将获得所选值。

and, do not在 Angular2 中使用 javascript 控制 DOM 元素,这违背了 Angular2 的哲学

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

读取单选按钮值 - Angular 2 的相关文章

随机推荐

  • 用于检查文件大小是否比之前的检查有所增加的 VB 脚本

    我需要一个 VB 脚本来检查文件大小并捕获它 并在下一次检查中将其与上一次检查进行比较 如果大小增加 则应提示文件大小增加 你可以尝试一下这个vbscript Option Explicit const bytesToKb 1024 Dim
  • 如何将画布内容转换为图像?

    from Tkinter import root Tk cv Canvas root cv create rectangle 10 10 50 50 cv pack root mainloop 我想将画布内容转换为位图或其他图像 然后执行其
  • R 中生存数据的左删失

    我想对左右删失的数据进行生存分析 Kaplan Meier 和 Cox PH 建模 我正在研究特定基因 基因 0 或 1 存在与不存在时发生心律失常 AF 的时间 然而 一些受试者在招募时被发现已经存在心律失常 因此应该进行审查 我已阅读生
  • Twisted 中的多重响应

    我正在尝试开发简单的TCP 使用 Twisted 和 Pygame 进行客户端 服务器游戏 但我在向客户端发送数据时遇到困难 Twisted 不允许我连续发送多个响应 这就是我想做的 我有方法处理玩家状态更改并将其重新发送给其他客户端 de
  • ASP.NET Core 中 Mongodb 数据存储的基于简单令牌的身份验证/授权

    我需要实现非常简单的身份验证机制 基本上有两个角色 Owners and Users 我认为拥有 Enum 就足够了 应用程序本身是SPA 通过Asp net core实现webapi 我看到文章 如何使用 EF Identity 实现它
  • 确定 MIDI 文件的时间划分

    我正在用Python编写一个脚本来解析MIDI文件 是的 我知道Python存在MIDI解析库 但对于我的用例来说 如果我从头开始制作它是最简单的 我遇到的问题之一是时间划分 标头的最后两个字节指定时间划分 但我无法确定文件的时间划分是否以
  • 正则表达式:匹配该字符串

    我无法弄清楚这一点 22 584 r n t t tl 6 579 22 我想匹配 r n t t t 并替换为一个空格 问题是数量 t r and n 波动 周围的人物也是如此 Help s s g s rnt g
  • 如何在 tkinter 中给定时间后运行函数?

    所以我在 tkinter 的画布上有一张 gif 图片 我想让这张照片变成另一张照片 但只持续三秒钟 并将其恢复到原始图片 def startTurn self newgif PhotoImage file 2h gif self left
  • UISlider 无法在原型单元中滑动

    我在故事板的视图控制器中设计了一个原型单元 但不幸的是UISlider细胞内不滑动 Note 此故事板启用了自动布局 Design 这是代码 渲染单元格UITableview UITableViewCell tableView UITabl
  • GitHub PR 使用什么 git 命令来显示差异

    我想使用命令行来生成 GitHub 提供的相同差异 帮助页面将其描述为 头部分支的尖端与头部上次与基础分支同步的提交之间的比较 https help github com articles about comparing branches
  • 拆分unity配置文件

    我需要将我的统一配置拆分为 n 个不同的文件 以便我可以将其中一些文件选择到同一个统一容器中 好的 已经太晚了 但我可以回答 你需要这样的东西 private IUnityContainer ReadContainer var unityC
  • 为什么这个函数没有定义?

    我希望我已经过去了 但为什么单击按钮时调整大小未定义 document ready function var w 320 480 var h 480 620 function resize input scale width w input
  • 如何正确模拟bean HikariDataSource?

    我使用 Mockito 编写了集成测试 但是当设置了与数据库的连接时它可以工作 实际上测试只是检查访问某些端点的可能性 与数据访问层无关 所以我还不需要数据库 数据库关闭时测试失败的原因 HikariDatasource 在 spring
  • 如何限制我的 Windows 应用程序生成进程的单个实例?

    I am working on a Windows application I have created a help file chm using a third party tool and I call it from the Win
  • 创建用于生成 Firebase CustomToken 的服务器时,我仅使用服务帐户还是以某种方式在幕后还使用用户凭据?

    我们很快就会将该项目投入生产 1 我们的移动应用程序将通过将其发布到我们的内部微服务器来创建汇款 此类 post 请求将返回从我们的内部 NodeJs 服务器生成的 CustomToken 2 我们的内部微服务会将此类传输复制到 Fires
  • 将时间值设置到数据框单元格中

    我正在尝试将时间值设置到数据框中 ps data frame t rep NA 2 ps 1 1 strptime 10 30 00 H M S 但我收到错误 provided 9 variables to replace 1 variab
  • 如何使用 grunt 将编译好的 jade 文件复制到目标文件夹

    对于我正在开发的单页应用程序 我具有以下结构 dist css js lib partials 索引 html src css js lib views partials 索引 jade 目录dist将由express服务器用来为项目提供服
  • 清除 Visual Studio 解决方案中的所有断点

    是否有快捷方式可以清除 Visual Studio 解决方案中所有项目内的所有断点 调试 gt 删除所有断点 or Shortcut CTRL SHIFT F9 这适用于调试模式以及
  • React Native:如何检测带有 Notch 的 iPhone?

    我正在尝试举一个具体的案例iPhone Xs Max in react native 这就是我的代码IphoneX from 反应本机 iphone x helper https www npmjs com package react na
  • 读取单选按钮值 - Angular 2

    我正在尝试读取单选按钮值 以角度 2 表示 索引 html