最近项目中遇到一个表单input设置disabled问题,直接赋值angular原生的[disabled]=“isDisabled”无效,浏览器警告信息: 无奈,只能按照控制台提示修改: 问题解决
直接在页面中使用{{enabledBillno | json}}显示变量的值,看值是否为true,因为仅当该值为true时,表单的disabled才会生效。 打开浏览器的控制台,看控制台是否报了其它的语法错误,如果存在一些其它语法错误,那么界面可能未成功渲染。 如果你使用第一种方法,可以这样:disabled="{{enabledBillno ? 'disabled' : ''}...
angular4form表单中input输⼊框的disabled属性 直接加[disabled]="isDisabled"属性的话，出现报错 根据提⽰，做如下修改 private isEdit: boolean = true;private isDisabled = true;private myForm: FormGroup;private roleParams = { roleName:'',items:['全部权限']} ngOnInit() { this.routerIonfo....
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.role...
[class.disabled] 会在标签的class中添加一个disabled 的类 注意: disabled 属性不能被用于div 标签中,只能用于以下标签: <button> <fieldset> <input> <keygen> <optgroup> <option> <select> <textarea> 1. 2. 3. 4. 5. 6. 7. 8. Syntax that will not disable an element: ...
[disabled]="isEdit ? 'true' : 'false'" // 这是正确的写法 错误的写法：[ngStyle]="{'disabled': isEdit ? 'true' : 'false' }"，（这里是想错了，ngStyle配置的是CSS属性的，disabled是HTML属性）最后一个疑问：radio标签如果直接用disabled="{{isEdit}}" 这个写法又不会生效，...
<input [disabled]="isEdit ? 'true' : 'false'" type="radio" name="{{i.product_id}}" [checked]="i.is_original ==1" (change)="setPrintData(i.product_id,i.activity_id,true)"> 是 </label> <label class="ratio-margin">
首先说input得设置, 业务场景,店员可以编辑提成比例是通过字段控制的,这里如果没得这个字段则不能编辑,不能输入,不能选中 isEdit :any = false;//默认可以编辑(typescript语法) 关键: disabled="{{isEdit}}" <divclass="tl-right tl100">提成比例:<inputclass="wn-input"disabled="{{isEdit}}"(change)=...
@Component({ template: ` <div class="row"> <div class="col-md-12 form-group"> <label>Product Name:</label> <input type="text" class="form-control" disabled="" [value]="product.name" /> </div> </div> ` }) export class ProductComponent { product: ...
Where a [disabled] property can be set indicating if the component is disabled. We have wanted to use this together with an role checking directive to disable / enable an input based on the user's role / permissions. There are of course other ways like wrapping the md-input and all of...