gpt4 book ai didi

javascript - 在 ember 中单击导航栏中的按钮时切换侧边栏

转载 作者:行者123 更新时间:2023-12-01 05:36:34 24 4
gpt4 key购买 nike

我有两个组件:

{{pc-sidebar}}
{{pc-navbar action='toggleSidebar'}}

在电脑导航栏内,我有一个想要切换侧边栏的按钮 - 事件类:

<button {{action 'toggle'}}>toggle sidebar</button>

在 pc-navbar.js 中,我有以下内容:

  isOpen: true,
actions: {
toggle () {
this.toggleProperty('isOpen');
this.sendAction('action', this.get('isOpen'));
}
}

所以..侧边栏的默认值是打开的,当我点击时,我想切换到下一个状态.. true 或 false,取决于之前的状态。

所以..我更改默认值并发送到我的应用程序 Controller :

  actions: {
toggleSidebar (nextState) {
console.log(nextState);
}
}

现在..我怎样才能捕获侧边栏并切换类(class)?我在这里有点迷失了..我在写这篇文章吗?

在我的 pc-sidebar.js 中,我有:

export default Ember.Component.extend({
tagName: 'aside',
classNames: ['sidebar', 'sidebar--active']
});

非常感谢!!!

最佳答案

假设您在一个路由(例如 aroute)中使用这两个组件,您可以在 aroute 中拥有属性 isOpen。您可以将此属性传递给两个组件,然后您可以在 pc-sidebar 中观察它是否在 pc-navbar 中进行了修改。

关于javascript - 在 ember 中单击导航栏中的按钮时切换侧边栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33643984/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com