1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > angular4 form 表单中 input输入框的disabled属性 (实用)

angular4 form 表单中 input输入框的disabled属性 (实用)

时间:2023-01-27 05:40:58

相关推荐

angular4 form 表单中 input输入框的disabled属性 (实用)

原文出处:/leiting/p/8603604.html

直接加[disabled]="isDisabled"属性的话,出现报错

根据提示,做如下修改

ts

private isEdit: boolean = true;private isDisabled = true;private myForm: FormGroup;private roleParams = {roleName:'',items:['全部权限']}ngOnInit() {this.routerIonfo.params.subscribe((params: Params) => { // 如果想要获取查询参数中的值例如 /index?id=1 把这一句的params换成queryParams就好了,取的方法和下面一样// 这里是从url参数中取参数的方法,获取的是后面的值如 /page/0 获取的是参数值0this.isEdit = Number(params['id']) !== 0; // 0:添加,!0编辑this.roleParams.roleName = params['id'];});this.createOrEdit();this.creatForm();}createOrEdit(){if(this.isEdit){ // 如果是编辑的时候,就禁用掉该输入框this.isDisabled = true;return;}this.isDisabled = false;this.creatForm();}// 在初始化表单的时候设置表单中input的属性值,禁用的话 disabled:truecreatForm() {this.myForm = this.fb.group({roleName:[{ value:this.roleParams.roleName,disabled:this.isDisabled}]});}

html

<!--双向绑定,控制输入框的是否禁用属性--><input class="text-big" type="text" [(ngModel)]="roleParams.roleName" formControlName="roleName">

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。