Javascript angular 2如何刷新模板的变量

我有一个var，每次更改时，我都需要将其传递到我的网站模板：

在我的组件中，我有以下代码

private selected = 1;

this.$select.change(function () {
  this.selected = jQuery( 'input[type=radio][name=fb]:checked' ).val();
  console.log(this.selected);
}

只要我更改choosen单选按钮，新值就会存储在所选值中，并且一切正常

现在我的模板中有以下代码

<li *ngFor="let optie of vraag.opties; let i = index" [ngClass]="{'selectedclass': (selected == i)}">

当我加载我的站点时，I=1的li获得类并工作。但当我更改单选按钮时，控制台会记录新值。但是前端没有得到更新

我做错了什么？

而不是

this.$select.change(function () {

使用

然后

这个。

仍将指向当前类

我宁愿在您的无线电输入上使用

[（ngModel）]=“…”

，将其设置为特定值。在Angular2中不鼓励以这种方式使用jQuery。

而不是

this.$select.change(function () {

使用

然后

这个。

仍将指向当前类

我宁愿在您的无线电输入上使用

[（ngModel）]=“…”

，将其设置为特定值。在Angular2中不鼓励以这种方式使用jQuery