Angular 角度2：根据复选框更改一些文本

我是Angular 2的新手，我一直在玩它来学习它。我试图根据布尔值更改屏幕上的一些文本

假设我有一个切换复选框，我想根据切换按钮在屏幕上的一些文本之间来回切换

<div class="ui toggle checkbox">
  <input type="checkbox" [(ngModel)]="version2" name="versionControl">
  <label>version2</label>
</div>
{{versionText}}

当然，它不起作用，因为我在开始时赋值，在开始时，version2为false，即使布尔值稍后更改，文本也不起作用，因为我没有再次赋值，我猜

---

我知道我可以用复选框上的某种onClick函数（或类似的函数）来实现，但我只想知道是否有一种更简单、更“有角度”的方法来实现这一点。

您可以使用

ngIf

：

<div class="ui toggle checkbox">
  <input type="checkbox" [(ngModel)]="version2" name="versionControl">
  <label *ngIf="verion2">This is Version 1:</label>
  <label *ngIf="!verion2">Switched to Version 2</label>
</div>

这是第1版：
切换到版本2

或者只是

<div class="ui toggle checkbox">
  <input type="checkbox" [(ngModel)]="version2" name="versionControl">
  <label>{{versionText}}</label>
</div>

{{versionText}}

<div class="ui toggle checkbox">
  <input type="checkbox" [(ngModel)]="version2" name="versionControl">
  <label>{{versionText}}</label>
</div>