angular4更改表单中显示的值_angular4 form 表单中 input输入框的disabled属性

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

根据提示，做如下修改

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 获取的是参数值0

this.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:true

creatForm() {

this.myForm = this.fb.group({

roleName:[{ value:this.roleParams.roleName,disabled:this.isDisabled}]

});

}

angular2+ form 表单中 input输入框的disabled属性设置无效

最近项目中遇到一个表单input设置disabled问题,直接赋值angular原生的[disabled]=“isDisabled”无效,浏览器警告信息: 无奈,只能按照控制台提示修改: 问题解决

Angular中form表单中input自动响应回车事件无效

环境:angular.js 问题:当你在input框中输入搜索信息,然后回车键,信息消失而且也没有执行查询??? 原因:组合查询的代码不是 $(document).ready(function() { $('#searchform ...

layui form表单 input输入框获取焦点后 阻止Enter回车自动提交

最简单的解决办法,不影响其他操作,给提交按钮增加 type="button" 属性 完美解决

form表单中只有一个input时，按回车键后表单自动提交(form表单的一个小坑)

form中只有一个input按回车键表单会自动提交 在一个form表单中,若只有一个input,按回车键表单会自动提交,但是当表单中存在多个input时,按回车键不会执行任何操作,这是form表单的一 ...

Form 表单中的Input元素回车时不保存表单

在Form表单中如果直接在Input元素里敲回车键,那么默认将提交表单,可以通过keydown事件取消默认此操作 $("form").live('keydown',function ...

form表单中的input有哪些类型

form表单中的input有哪些类型 1.button 2.checkbox

rsync 远程拷贝

rsync -vzP win7.qcow2 agu@192.168.1.198:/tmp/

2018-2019-2 网络对抗技术 20165320 Exp2 后门原理与实践

后门原理与实践 windows获取Linux操作Shell 获取本机的IP netcat介绍:一个进行基本的TCP.UDP数据收发的工具 相关的参数与具体用法 windows打开监听: ncat.ex ...

python---01.各类计算机语言,python历史,变量,常量,数据类型,if条件

一.认识计算机 1.硬件组成: CPU(大脑)  + 内存(缓冲) + 主板(连接各部分) + 电源(心脏)      + 显示器 + 键盘 +鼠标+ 显卡 + 硬盘 2.操作系统 ①windows  ...

[USACO06DEC] 牛奶模式Milk Patterns

题目链接:戳我 我们知道后缀数组的h数组记录的是后缀i和后缀i-1的最长公共前缀长度,后缀的前缀其实就是子串. 因为是可以重复出现的子串,所以我们只要计算哪些h数组的长度大于等于x即可.这一步操作我们 ...