angular - 如何在 Angular 2 中将 *ngIf 条件从模板移动到 typescript 文件

Question

我是 Angular 2 的新手。我必须根据某些条件显示"is"和“否”标签。应该替换相同的标签。为此，我在模板文件中使用 OR 运算符编写 *ngIf 条件。这使我的模板看起来很笨拙，所以我想在我的 typescript 文件中声明这些 *ngIf 条件，并在我的模板中使用该变量与 *ngIf 一起使用。

此外，是否有任何方法可以通过一个 md-input 实现"is"和“否”占位符？如果是，那么如何做到这一点？

我的模板-

<md-input *ngIf="cond1 || cond2" placeholder="Yes"></md-input>
<md-input *ngIf="cond3||cond4||cond5" placeholder="No"></md-input>

<input type="button" [disabled]="placeholder==='YES'" value="Save">

如何做到这一点？

Answer 1

<md-input [placeholder]="placeholder"></md-input>

class MyComponent {

  get placeholder() {
    if (cond1 || cond2) {
      return 'YES';
    } else if (cond3 || cond4 || cond5) {
      return 'NO';
    }
  }
}