首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >我如何从emberjs中的组件中向div添加类?

我如何从emberjs中的组件中向div添加类?
EN

Stack Overflow用户
提问于 2016-05-10 13:49:41
回答 1查看 1.3K关注 0票数 0

我有main-navbar组件。

app/templates/components/main-navbar.hbs文件如下所示:

代码语言:javascript
运行
复制
<ul>
    <li>Home</li>
    <li>Blog</li>
</ul>
<button> Add class </button>

当我单击该按钮时,我希望ul元素接收一个测试<ul class='test'>,当我再次单击该按钮时,将删除测试类。

我如何才能实现这个动作的按钮?我假设必须使用app/components/main-navbar.js文件。

EN

Stack Overflow用户

回答已采纳

发布于 2016-05-10 13:56:34

您应该看看指南的这部分,它描述了如何做到这一点,如果您的组件有tagName:'ul‘,只需绑定到一个带有tagName的属性。

代码语言:javascript
运行
复制
export default Ember.Component.extend({
  classNameBindings: ['test'],
  test: false,
  actions:{
    toggled(){
      this.toggleProperty('test')
    }
  }
});

啊,等等,您正在将类设置在另一个元素上,现在添加这个元素。

代码语言:javascript
运行
复制
class="{{if somethingEnabled 'test' 'empty'}}"

下面是一个实现了这个功能的转盘

票数 5
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37140504

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档