与比较运算符一起使用ng-if

Question

我创建了一个组件'OddComponent'：

export class OddComponent implements OnInit {
  @Input() oddscore = 0;
  constructor() { }
  ngOnInit() {
  }
}

它的html是：

<div ng-if="oddscore %2 ==0 ">
<p>
  odd works! {{oddscore}}
</p>
</div>

我正在从应用程序组件传递'oddscore'变量：

<app-odd [oddscore]="gameScore">
</app-odd>

我的动机是使用ng-if仅在组件中打印奇数。但是ng-if似乎无法正常工作，因为它会打印所有值。

Answer 1

比较没有问题，您正在将angularjs语法与angular一起使用，应该为 *ngIf

<div *ngIf="oddscore%2 ==0 ">

STACKBLITZ DEMO