Nativescript / Angular2：Button上的属性绑定[text]不起作用 - 当bool更改时不会更新

Question

在Groceries教程中，他们有带文字的按钮，如下所示：

有一个属性绑定，如下所示：

<Button [text]="isLoggingIn ? 'Sign in' : 'Sign up'" class="submit-button" (tap)="submit()"></Button>
<Button [text]="isLoggingIn ? 'Sign up' : 'Back to login'" (tap)="toggleDisplay()"></Button>

并在组件中：

@Component({
  selector: "my-app",
//   providers: [LoginService],
  templateUrl: "./pages/login/login.html",
  styleUrls: ["./pages/login/login-common.css", "./pages/login/login.css"]
})
export class LoginComponent implements OnInit {
//   loginRequest: Login;
  isLoggingIn = true;
  @ViewChild("container") container: ElementRef;

  constructor(
    private router: Router, private page: Page) 
    {
       //....
    }
    
    // ....
  toggleDisplay() 
  {
    this.isLoggingIn = !this.isLoggingIn;
    let container = <View>this.container.nativeElement;
    container.animate({
      backgroundColor: this.isLoggingIn
        ? new Color("white")
        : new Color("#301217"),
      duration: 200
    });
  }
  ngOnInit() {
    this.page.actionBarHidden = true;
    this.page.backgroundImage = "res://bg_login";
  }
}
    

问题1：当我运行应用程序时，根本没有文字：

问题2：当我按下灰色按钮时，动画就会发生，但文字没有改变或变得可见。

我让它在大约一天前工作了，但是我不得不重建教程，因为我不知道该项目是否已经死亡。现在，我无法理解为什么绑定不会触发。