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指令。

相关内容

热门资讯

透视挂！微信小程序微乐辅助器破... 微信小程序微乐辅助器破解版是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户...
透明挂透视！卡五星辅助神器，佛... 透明挂透视！卡五星辅助神器，佛手大菠萝有挂吗（辅助挂）详细开挂辅助平台；无需打开直接搜索打开薇:13...
透明插件！创思维激k看底牌辅助... 透明插件！创思维激k看底牌辅助开发商，hhpoker的辅助是真的吗（辅助挂）详细开挂辅助工具这是一款...
透视规律！粤友会辅助器下载教程... 透视规律！粤友会辅助器下载教程，wepoker手机助手（辅助挂）详细开挂辅助器；无需打开直接搜索加薇...
透明科技！福建老友破解，红龙p... 透明科技！福建老友破解，红龙poker辅助（辅助挂）详细开挂辅助安装；无需打开直接搜索加（薇:136...
透视计算！斗棋联盟辅助，wep... 透视计算！斗棋联盟辅助，wepoker有透视底牌吗（辅助挂）详细开挂辅助神器；无需打开直接搜索微信（...
透视辅助！we poker辅助... 透视辅助！we poker辅助器下载，wpk透视是真的假的（辅助挂）详细开挂辅助器；亲，wpk透视是...
透视辅助！微信新九五辅助，ag... 透视辅助！微信新九五辅助，agpoker辅助（辅助挂）详细开挂辅助安装；无需打开直接搜索打开薇:13...
透明私人局！微信游戏锄大地辅助... 透明私人局！微信游戏锄大地辅助器，wepoker养号规律（辅助挂）详细开挂辅助软件您好：微信游戏锄大...
透视黑科技！兴动互娱辅助工具免... 透视黑科技！兴动互娱辅助工具免费，wepoker怎么设置盖牌（辅助挂）详细开挂辅助插件；无需打开直接...