使用angular ionic 3禁用set属性

Question

我有可能被初始化的主要内容。在这种情况下，我必须在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

你可以试试这个：

[attr.disabled]="!myObj"

Answer 2

我会为此创建一个单独的布尔变量：

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>