将嵌套的三元数更改为更详细的条件

Question

想要将此方法移至方法内部并将嵌套的三元数更改为更详细的条件。

.html

<button [disabled]="(test.testForm.valid && isDataPresent) ? (this.demoTest.test!=undefined ? !this.demoTest.test.testForm.valid:true):!test.testForm.valid">

</button>

Answer 1

您可以使用该三元调用方法：

.ts

isDisabled(){
 return (test.testForm.valid && isDataPresent) ? (this.demoTest.test!=undefined ? !this.demoTest.test.testForm.valid:true):!test.testForm.valid
}

.html

<button [disabled]="isDisabled()">

</button>