javascript - 使用 EmberJS 的两种方式绑定在对象数组中不起作用

Question

我正在尝试更新 EmberJS（版本 3.26）中对象数组的内容。我可以更新内容。但它没有反映在我的用户界面中。我认为，我的问题与双向绑定有关。

我已经为此添加了一个可跟踪的装饰器（@tracked）。它适用于正常变量。但不适用于对象数组。请在下面查看我的 JS 代码：

    @tracked content = [
        {
          id: 0,
          name: 'Statndard',
          isExpanded: true,
          isSelected: false,
          isVisible: true,
          status: 'Allow',
          children: [
            {
              id: 1,
              name: 'Building A',
              isExpanded: true,
              isSelected: false,
              isVisible: true,
              status: 'Allow',
              children: [],
            },
            {
              id: 2,
              name: 'Building B',
              isExpanded: true,
              isSelected: false,
              isVisible: true,
              status: 'Allow',
              children: [
                {
                  id: 3,
                  name: 'Floor 1',
                  isExpanded: true,
                  isSelected: true,
                  isVisible: true,
                  status: 'Allow',
                  children: [],
                }
              ],
            },
          ],
        },   
];

我添加了一种更新content数组的方法。它正在正确更新我的阵列。但这些变化并没有反映我的 UI。我的用户界面代码如下：

{{#x-tree
model=content
as |node|
}}
{{node.model.name}} <br />
<span {{on "click" (fn this.onToggleStatus node)}}>
    {{node.model.status}}</span>
{{node.toggle}}
{{/x-tree}}

我正在使用ember 简单树将上述数组显示为树。任何帮助将不胜感激！