余烬纸和课堂？答案

【问题标题】：Ember-paper and class?余烬纸和课堂？
【发布时间】：2019-03-27 16:08:07
【问题描述】：

我正在做一个使用 Ember.js 制作的项目我使用ember-paper 插件作为按钮，还使用Ember-intl 插件来翻译我的应用程序（英语和法语）。

我有一个带有此代码的基本 HTML 按钮：

<button class={{if model.active "active"}} {{action "changeLocale" model.locale}}>{{model.locale}}</button>

但是当我使用带有这种代码的 ember-paper 时：

{{#paper-button accent=true}}Test{{/paper-button}}

我找不到添加 if 语句和操作的方法。

{{if model.active "active"}} {{action "changeLocale" model.locale}}>

你知道怎么做吗？

【问题讨论】：

标签： ember.js ember-paper ember-intl

【解决方案1】：

工作Twiddle

1) 您可以在{{#paper-button}} 组件中使用onClick 选项调用您的action。

2) 您可以使用disabled 和accent 布尔选项根据您的条件设置true 或false model.active

{{#paper-button
  onClick=(action "someAction")
  accent=true
  disabled=(unless model.active true)
  accent=(if model.active true)
}}
  Test
{{/paper-button}}

【讨论】：