如何禁用“提交”按钮?

2024-03-28

如何在表单有效之前禁用“提交”按钮?

angular2 是否有相当于 ng-disabled 的功能,可以在“提交”按钮上使用? (ng-disabled 对我不起作用。)


正如这个 Angular 中所见example https://github.com/angular/angular/blob/57496926cad0d840092c7623079883983ca07d53/modules/examples/src/model_driven_forms/index.ts,有一种方法可以禁用按钮,直到整个表单有效:

<button type="submit" [disabled]="!ngForm.valid">Submit</button>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何禁用“提交”按钮? 的相关文章

  • Ionic 3 如何确保在加载视图之前获取数据库数据

    我正在使用基于令牌的身份验证 并且令牌已保存在数据库中 当应用程序启动时 我需要从数据库获取令牌并使其可用 然后再进行 API 调用 最好的方法是什么 在组件中 ngOnit storage get token then val gt Ma
  • “@angular/compiler-cli”包未正确安装

    将我的项目升级到角4 0 来自 2 4 与角度 CLI 1 0 来自 beta 31 按照以下步骤后出现以下错误迁移指南 https github com angular angular cli wiki stories 1 0 updat
  • 在 Spring MVC 中使用一系列项目处理表单发布

    我正在尝试将一些数据从客户端发送到服务器 并将其处理为文件下载 我使用简单的 HTML 表单 因为我想初始化文件下载 而不是 AJAX 其中一个表单字段是一组项目 另外两个是名称和描述字符串 在提交表单之前 我将此字段序列化为字符串 JSO
  • HTML 表单:POST 对象数组

    提交班级名单 一次添加3名学生 每个学生都有最初 最后的年龄 问题 我们如何才能将所有学生放入数组中 students 0 gt Array first gt first name for 0 last gt last name for 0
  • Angular 生产构建中出现无效或意外令牌错误

    chunk 0 runtime 06daa30a2963fa413676 js runtime 06daa30a2963fa413676 js map runtime 1 5 kB entry rendered chunk 1 main 9
  • Django:在表单中初始化小部件时获取当前网址

    当我初始化表单以在其中找到我想要检查的字符串时 我想获取当前的 url 根据这个字符串 我想更改放入单选小部件中的数据 我想根据 url 显示不同的 radioselect 选项 class FunctionForm forms Model
  • Rails 3 UJS 干客户端 + 服务器端表单验证

    使用 jQuery 进行表单验证就像向字段添加类名一样简单 使用 Rails 进行表单验证就像将条件放入控制器 和 或模型 中一样简单 我认为应该有一种方法可以编写一次验证并将它们应用到客户端和服务器端 我一直热衷于编写自己的 javasc
  • 角度传输状态不会阻止重复的 http 调用

    我将 http 请求作为一项服务注入到我的组件中并从那里订阅 由于我在应用程序中引入了具有通用角度的服务器端渲染 因此页面上的结果至少重复两次 我有一个在单击时调用的方法 该方法对 facebook 的 api 执行 http 请求 get
  • 如何取消/关闭 Angular 中的行为主体

    我有一个订阅了行为主题的组件ngOnInit生命周期 该组件 html 使用ngIf在渲染表格之前查看数据是否存在 当我离开该页面时 我想确保下次返回时 该表不可见 直到再次获取该数据 到目前为止 我能够做到这一点的唯一方法是调用该主题的
  • 如何从表格的下拉菜单中删除先前选择的选项?

    我正在 Angular 7 上制作一个项目 它有一个表格 其中有一列有下拉菜单 下拉列表包含各种语言 当在特定行中选择一种语言时 它不应出现在后续行的下拉列表中 我怎么做 我尝试使用 splice 从数组中删除所选语言 但是 当它删除对象时
  • Mat 分页器更改工具提示位置

    我正在尝试定位工具提示mat paginator更靠近分页按钮 目前 工具提示距离太远 如下所示 我尝试更新 cdk overlay pane and mat tooltip panel课程但对我不起作用 任何积分都受到高度赞赏 需要深入组
  • 类似的 PHP 表单代码:如果 $_REQUEST 为空,第一个抛出错误,第二个则不抛出错误

    我是 PHP 新手 所以这可能是一个简单的答案 希望我能正确地按照 SO 标准格式化它 对于该网站来说仍然是新的 我正在通过 SitePoint 编写两组非常相似的代码 提交表单数据并使用 htmlspecialchars 来阻止 XSS
  • 对 PrimeNG 应用自定义中间过滤器:数据表

    考虑这样一个场景 我在p dataTable柱子 这是列代码片段
  • 如何在 Javascript 中将字符串数组转换为特定的树结构

    我从后端获取文件路径列表 它代表文件夹结构 如下所示 paths path to file1 doc path to file2 doc foo bar doc 路径的长度是任意的 为了使用文件树组件 角度2树组件 https github
  • Angular2更改检测“表达式在检查后已更改”

    我在 Angular2 最终版本 中遇到了有关组件之间的更改检测和数据流的问题 我已经解决了这个问题 但对我来说似乎有点老套 所以想知道是否有更好的方法 基本上我有一个组件 A 它有一个子组件 B 还有 ngFor 创建多个子组件 C 对于
  • node_modules 显示为空,您可能需要运行 `npm install`

    我从 git 克隆了一个 Angular 4 项目 当我转到项目的根文件夹并执行时ng serve 我收到以下错误 node modules appears empty you may need to run npm install 我该如
  • 在运行量角器测试时进行 API 调用

    我已经使用构建了一个网络应用程序angular2 0 and typescript 现在我正在写E2E为我的网站使用protractor 现在 在我的一项测试中 我需要进行 API 调用 HTTP GET 请求 并使用响应值作为测试用例中的
  • 如何在 Angular 4 中获取 HTTP 请求标头?

    在互联网上 我只看到向 HTTP 请求添加参数 如下所示 this headers append Content Type application json this headers append Accept application js
  • Ng Bootstrap 日期范围选择器 [markDisabled] 不适用于输入

    我正在尝试禁用某些日期ng 引导范围选择器 https ng bootstrap github io components datepicker overview 目前 我在弹出窗口中有一个范围选择器 并且我正在使用 markDisable
  • 在 Angular 4 中处理来自 Api 的过期令牌

    我需要帮助来处理我的角度应用程序中的过期令牌 我的 api 已过期 但我的问题是当我忘记注销我的角度应用程序时 一段时间后 我仍然可以访问主页但没有数据 我能做点什么吗 有没有可以处理这个问题的库 或者有什么我可以安装的吗 更好 如果我什么

随机推荐