Внутри моего представления у меня есть следующее
<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
у меня есть что-тоbasic как
<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
не обновляется.
Этот сценарий прекрасно работает без compose
(при условии, что весь код находится в одной и той же виртуальной машине / представлении. Однако я не смог заставить его работать, используя compose
.
Что яхотелось бы найти способ вызывать maxAllowedCars()
каждый раз, когда значение поля allowedCars
изменяется ...