data-binding - 如何告诉聚合物 Dart 一个属性依赖于另一个属性

Question

我有一个聚合物元素，它有两个属性:columWidth 和 columnWidthPercentage。

现在columnWidthPercentage是一个getter，如下所示:

@observable int columnWidth = 100;
@observable double get columnWidthPercentage => 100 * totalWidth / columnWidth;

有没有办法告诉 Polymer columnWidthPercentage 取决于 columnWidth 而无需设置调用 notifyPropertyChange() 的 columnWidthChanged 函数？

Answer 1

您可以使用@ComputedProperty 。类似于以下内容:

@observable
int columnWidth = 100;

@ComputedProperty('compute(columnWidth)')
double get columnWidthPercentage => readValue(#columnWidthPercentage);
double compute(int width) => 100 * totalWidth / width;