在我看来,我有以下
<compose
view="./cars.html"
view-model="../../view-models/cars"
model.bind="{cars: $parent.$cars, activity: $parent.activity}">
</compose>
然后,cars
视图模型如下所示:
export class Cars {
public data;
public activate(data) {
this.data = data.cars;
this.activity = data.activity;
}
@computedFrom("data.allowedCars")
public get maxAllowedCars(): number {
return Math.floor(this.data.allowedCars / 2);
}
}
在cars
视图中,我有一些基本的东西
<input
type="number"
name="allowedCars"
value.bind="car.allowedCars"
step="2"
required />
<input
type="number"
name="maxAllowedCars"
value.bind="car.maxAllowedCars"
min="0"
max.bind="maxAllowedCars" />
现在,我遇到的问题是,每当更新allowedCars
时,我的public get maxAllowedCars()
都不会像应有的那样被触发,因此maxAllowedCars
不会更新。 / p>
这种情况在没有compose
的情况下也可以完美地工作(假设所有代码都在同一VM /视图中。但是,我无法使用compose
使其工作。
我想要的是找到一种方法,每次maxAllowedCars()
字段值更改时触发allowedCars
...