Aurelia双向绑定表达式报错：无法赋值的原因咨询

这个报错的核心原因很清晰——双向绑定（two-way）要求绑定的表达式必须是可赋值的目标，而你写的三元表达式不符合这个要求。

为什么会报错？ #

双向绑定的本质是双向同步：ViewModel的属性变化时更新视图，同时视图的用户输入变化时要把新值同步回ViewModel的属性里。你写的表达式lstName.IsBlocked ? 'Blocked' : Value2 + ' %'是一个计算结果，它不是一个可以被赋值的变量或属性引用。当用户在视图中修改了这个值，Aurelia完全不知道该把新值赋给谁——是修改lstName.IsBlocked？还是更新Value2？这种模糊性导致框架无法完成赋值操作，直接抛出了"cannot be assigned to"的错误。

解决办法 #

根据你的实际需求，有两种可行的方案：

方案1：仅展示计算结果（无需双向同步）

如果这个值只是用来展示，不需要用户修改后同步回数据源，直接把双向绑定改成单向绑定即可。Aurelia默认的绑定就是单向的，你可以直接省略绑定前缀，或者显式声明one-way：

<!-- 两种写法都可以 -->
value="lstName.IsBlocked ? 'Blocked' : Value2 + ' %'"
<!-- 或者显式指定单向绑定 -->
value.one-way="lstName.IsBlocked ? 'Blocked' : Value2 + ' %'"

方案2：需要双向交互（用户输入后同步回数据源）

如果确实需要用户能修改这个值，并且同步到ViewModel的属性里，那你需要把计算逻辑封装成ViewModel中一个带getter和setter的可读写属性，让Aurelia知道如何处理视图的输入：

// 在你的ViewModel类中添加这个属性
get displayValue() {
  return this.lstName.IsBlocked ? 'Blocked' : `${this.Value2} %`;
}

set displayValue(newValue) {
  // 这里根据业务逻辑处理用户输入的新值，把它解析后赋值给对应的属性
  // 举个例子：如果用户输入"75 %"，我们提取数字部分赋值给Value2
  if (!this.lstName.IsBlocked) {
    const numericValue = parseFloat(newValue);
    if (!isNaN(numericValue)) {
      this.Value2 = numericValue;
    }
  }
}

然后在HTML中绑定这个新属性：

value.two-way="displayValue"

这样当用户修改视图中的值时，Aurelia会调用displayValue的setter方法，你可以在setter里完成解析和赋值逻辑，实现双向同步。

内容的提问来源于stack exchange，提问作者a r sumit