如何包装Angular 2事件和属性

Question

而不是在HTML代码中直接应用 [disabled] =＆＃34; true＆＃34; ，而不是：

<button [disabled]="true"> disable Button </button>
     //or like this
<button [disabled]="isDisabled()"> disable Button </button>

我想 将Angular2 [disable] 事件或属性 包装成如下所示：

HTML：

<button ButtonFunc.isDisabled(true)> disable Button </button>

TypeScript：

export class ButtonFunc { 

  constructor(){}


  public isDisabled( disabledState : boolean ) : boolean{
    [disabled]=disabledState;
  }
}

我希望此函数ButtFunc.isDisabled()能够为我执行禁用HTML按钮的工作。

是否可以从根本上＆＃39;从HTML文件中删除Angular2并将其包装在低级类中，然后从函数中调用并使用该低级类的Angualr2？怎么做？

Answer 1

我认为你正在寻找更多：

<button [disabled]="isDisabled()"> disable Button </button>

isDisabled(){
return calculated && this.available // for example
}