如何解决使用 EmberJS
我正在尝试更新 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',children: [],},{
id: 2,name: 'Building B',children: [
{
id: 3,name: 'Floor 1',isSelected: true,}
],],];
我添加了更新 content
数组的方法。它正在正确更新我的阵列。但是这些变化没有反映我的用户界面。我的用户界面代码如下:
{{#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 simple tree 将上述数组显示为树。 任何帮助将是可观的!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。