Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 禁用角度2中的按钮_Javascript_Angular_Button_Input_Components - Fatal编程技术网

Javascript 禁用角度2中的按钮

Javascript 禁用角度2中的按钮,javascript,angular,button,input,components,Javascript,Angular,Button,Input,Components,如果输入的“合同类型”为空,则“保存”按钮不可单击 保存按钮: <div class="col-md-4"> <cic-textbox [control]="formGroup.get('contractType')"></cic-textbox> </div> 所有按钮: <div class="cic-header-actions pull-left" *ngIf="actions &&

如果输入的“合同类型”为空,则“保存”按钮不可单击

保存按钮:

<div class="col-md-4">
        <cic-textbox [control]="formGroup.get('contractType')"></cic-textbox>
      </div>

所有按钮:

 <div class="cic-header-actions pull-left" *ngIf="actions && actions.length > 
 0">
      <button class="btn btn-{{action.style}} m-l-xs" *ngFor="let action of actions" ng-disabled="!contractTypeValid" (click)="execute(action)">
          <cic-icon [icon]="action.icon"></cic-icon>
          {{action.text }}
        </button>
    </div>

{{action.text}
合同类型的定义:

 let contractType: DataDictionaryPropertyExtended = {
            Binding: 'VART:BEZEICHNUNG',
            Label: 'Vertragsart',
            LabelCols: 4,
            ContentCols: 8,
            IsDisabled: this.isDisabled,
            ValidationProperties: [
                <ValidationProperty>{
                    Type: ValidationType.IsNotEmpty,
                    ErrorMessage: 'Vertragsart darf nicht leer sein.',
                }
            ]
        };
let contractType:DataDictionaryPropertyExtended={
绑定:“VART:bezeichung”,
标签:“Vertragsart”,
LabelCols:4,
内容:8,
IsDisabled:这个,IsDisabled,
ValidationProperties:[
{
类型:ValidationType.IsNotEmpty,
错误信息:“Vertragsart darf nicht leer sein.”,
}
]
};
按钮保存绿色:


ng disabled=“!contractTypeValid”
更改为
[disabled]=“!contractTypeValid”

我尝试使用
[disabled]=“!editmode”
,但在我的情况下不起作用

这是我的解决方案
[disabled]=“!editmode?”disabled':null“
,我与谁有共同的担忧

<button [disabled]="!editmode ? 'disabled': null" 
    (click)='loadChart()'>
            <div class="btn-primary">Load Chart</div>
    </button>

负荷图

Stackbliz

现在两个都不可单击。与输入的绑定仍然不存在。两者都不可单击,因为您使用
*ngFor
呈现按钮,您需要从操作对象获取禁用状态。您可以添加一些代码来确定操作是提交还是取消操作,并将操作对象的
isDisabled
属性设置为true或false。我在理解应该禁用哪个按钮时遇到一些问题。我会像下面的罗宾一样回答这个问题,那么这个答案有什么错呢?你能不能创建一个plunker,现在我们只能看到一些代码片段,至少我很难重新创建和理解提供的代码的问题。。。