angular中的input怎么设置为只读不可编辑状态》

现在是想在点击一个按钮的时候input变为不可编辑状态，然后点击第二个按钮的时候变为可编辑状态，如此切换，请问要如何实现。图片说明

如图二那么写的话就会出现图一的那种状况，使用的是NG-ZORRO的框架。

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
一只熊的北极 2019-07-04 17:18
关注
直接用readonly属性就可以

<input type="text" readonly="readonly"/>
解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

angular中当不使用input的change事件时，如何把图片以文件流的形式向后端传值 angular.js javascript
2022-03-16 17:09

回答 1 已采纳 https://blog.csdn.net/weixin_43448394/article/details/83120013如何将html转化为图片并将该图片以文件流的形式传送到后台技术环境:vue
angular项目中通知公告无缝滚动 angular.js javascript 前端
2022-10-08 16:09

回答 1 已采纳我使用的也是css属性的动画效果，没有出现咯噔的跳动：思路：设置一条数据的固定高度，通过后端查到的条数*固定高度，进行动画的设置。(可根据效果对数值进行微调) 代码示例：
现在前端Angular还有必要学习吗？前端框架
2023-02-09 14:15

回答 1 已采纳没必要学了
NG-ZORRO input框设置属性disabled后无法添加click事件
2023-09-14 16:30

爱前端的小菜鸡的博客请注意，只读的输入框将不可编辑，用户不能在其中输入文本，但仍然可以选择和复制文本。如果需要完全禁用用户与输入框的...如果想要输入框不可编辑状态不显示光标，但是又需要添加事件，可以把disabled 换成 readonly。
在angular中安装MatDialog报错 angular.js typescript
2023-03-15 16:32

回答 4 已采纳该回答引用GPTᴼᴾᴱᴺᴬᴵ在 Angular 中使用 MatDialog 需要将 MatDialogModule 导入到你的模块中。你需要做以下更改： 1.在你的模块中导入 MatDialogMo
在Angular使用HttpClient获取API中的数据时无法在浏览器中显示数据 angular.js typescript 前端有问必答
2022-09-26 23:25

回答 2 已采纳 console.log(response); this.list = response.result; 这个response就是你的列表，不需要result
ts设置变量报错null不能分配给sting angular typescript 前端
2022-06-06 14:01

回答 2 已采纳遇事不决用any
也许是全网最全的 Angular 新手入门指南
2022-05-22 23:13

萌萌哒の瑞萌萌的博客文章目录Angular概述Angular程序架构Angular优势@angular/cli脚手架文件加载顺序项目目录结构Angular模块@NgModule 装饰器内置模块自定义模块模块的tipsAngular组件@Component 元数据数据绑定脏值检测父子组件通讯...
angular cesium angular typescript 前端
2023-02-19 02:02

回答 2 已采纳这篇博客也许可以解决你的问题👉 ：angular中配置cesium
angular 中引用了Echarts angular.js echarts
2021-06-25 18:24

回答 1 已采纳你渲染echarts的时候页面元素还没有准备好应该把渲染echarts的方法放在 ngAfterViewInit 里边进行调用
angular启动项目，前端跨域问题怎么解决 angular.js typescript
2021-06-04 17:54

回答 1 已采纳在进行项目开发过程中，经常会遇到跨域问题，下面就通过一些配置进行解决跨域问题。 1.在项目根目录下进行创建文件 proxy.config.json； { "/": {
前端资源分享-只为更好前端
2019-04-26 17:18

哎呦喂1111的博客一、团队组织网站说明腾讯 AlloyTeam 团队腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾讯社交用户体验设计... 用技术为体验提供无限可能凹凸实验室京东用户体验设计部...
angular中的ui-grid列显示的不全 angular.js
2017-06-08 09:16

回答 3 已采纳有图没有，看看是什么样子的
14万字面试题汇总整理，祝你顺利斩获大厂前端offer
2021-07-17 09:08

孙叫兽的博客声明位于文档中的最前面，处于<html>标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。 DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。严格模式就是浏览器根据web标准去解析页面...
checkbox设置复选框的只读效果不让用户勾选
2015-03-05 17:03

柠夏 (^･ｪ･^)的博客在Web开发中，有时候需要显示一些复选框（checkbox），表明这个地方是可以进行勾选操作的，但是有时候是只想告知用户"这个地方是可以进行勾选操作的"而不想让用户在此处勾选（比如在信息展示页面），这时候就需要将...
没有解决我的问题, 去提问

悬赏问题

¥15 安卓adb backup备份应用数据失败
¥15 eclipse运行项目时遇到的问题
¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
¥50 成都蓉城足球俱乐部小程序抢票
¥15 yolov7训练自己的数据集
¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)（相关搜索：51单片机|单片机|测试代码）
¥15 电力市场出清matlab yalmip kkt 双层优化问题
¥30 ros小车路径规划实现不了，如何解决？(操作系统-ubuntu)