Angular项目，在保存新的对象/数据期间禁用添加图标。
创始人
2024-10-30 05:00:21
0次

要在保存新对象/数据期间禁用添加图标，可以使用Angular中的表单验证和状态控制来实现。以下是一个示例解决方案：

  1. 在HTML模板中，使用Angular的表单控件和指令来创建表单：
  1. 在组件的代码中，定义newData对象和保存数据的函数：
export class MyComponent {
  newData: any = {}; // 新数据对象

  saveData() {
    // 执行保存数据的操作
    // ...
    // 保存成功后重置表单
    this.newData = {};
  }
}
  1. 使用CSS样式来隐藏禁用的添加图标：
button[disabled] .glyphicon-plus {
  display: none;
}

这样，当表单中的输入字段为空或无效时，添加按钮将被禁用，并且添加图标将被隐藏。只有当表单输入字段有效时，按钮才可用，用户可以点击添加按钮来保存数据。

上一篇：Angular项目子文件夹中无法使用Typescript自动补全/自动导入

下一篇：Angular项目，只有在vendor.bundle.js.map中找到ng-app指令。

相关内容

热门资讯

手段透视！大菠萝789辅助器下... 手段透视！大菠萝789辅助器下载，aapoker透视方法，wpk教程（有挂攻略）-哔哩哔哩您好：大菠...
发现透视"wpk软件... 发现透视"wpk软件辅助挂"开挂(透视)辅助软件(玩家必用安装教程)发现透视"wpk软件辅助挂"开挂...
诀窍透视！wpk辅助最怕三个东... >>您好：约局吧开挂神器是真的吗确实是有挂的，很多玩家在这款约局吧开挂神器是真的吗游戏中打牌都会发现...
关于透视"wepok... 关于透视"wepoker能开挂吗"开挂(透视)辅助下载(解密关于揭秘攻略)关于透视"wepoker能...
窍门透视！德扑之心免费透视，w... 窍门透视！德扑之心免费透视，wpk辅助插件，解密教程（有挂透明挂）-哔哩哔哩德扑之心免费透视ai黑科...
分享透视"微乐扑克怎... 分享透视"微乐扑克怎么才能赢得大牌"开挂(透视)辅助器(一分钟了解攻略方法)分享透视"微乐扑克怎么才...
绝活儿透视！pokemmo手机... 较多好评“微乐万能挂官网”开挂(透视)辅助教程 了解更多开挂安装加（136704302）微信号是一款...
原来有透视"wpk透... 原来有透视"wpk透视挂"开挂(透视)辅助挂(玩家必看透明教程)原来有透视"wpk透视挂"开挂(透视...
法子透视！德州局脚本，hhpo... 法子透视！德州局脚本，hhpoker德州辅助，新2026教程（有挂头条）-哔哩哔哩hhpoker德州...
科技透视"微扑克辅助... 科技透视"微扑克辅助器官网入口"开挂(透视)辅助安装(必看攻略透视教程)【福星临门，好运相随】；科技...