如何在 Angular 2 中将 *ngIf 条件从模板移动到打字稿文件

Question

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

另外，是否有任何方法可以通过一个 md 输入实现“是”和“否”占位符？如果是，那么该怎么做？

我的模板-

<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';
    }
  }
}