設置屬性禁用與角度離子3

Question

我的main.ts中有和可以初始化的對象。 在這種情況下，我必須禁用html中的textarea。 我已經試過了：

ng-attr-disabled="!myObj";
ng-attr-disabled="{myObj!= null}";

與直接ng-disabled相同。

我也嘗試過： [disabled]="{'disabled':myObj!=null}"

但不幸的是，這些都沒有奏效。

HTML：

<textarea name="message" id="txtMessage" formControlName="message" cols="30" rows="10"></textarea>

TS：

  myObj;
  constructor(...) {
    if(localStorage.getItem('message') && localStorage.getItem('message') != null){
      this.myObj = localStorage.getItem('message');
    }
  }

有什么可以嘗試的主意嗎？

提前致謝

Answer 1

我將為此創建一個單獨的布爾變量：

isDisabled = false;
constructor(...) {
  if(localStorage.getItem('message') && localStorage.getItem('message') != null){
    this.myObj = localStorage.getItem('message');
    this.isDisabled = true;
  }
}
...
...
<textarea [disabled]="isDisabled" name="message" id="txtMessage" formControlName="message" cols="30" rows="10"></textarea>

Answer 2

你可以試試這個：

[attr.disabled]="!myObj"