Тлеющая бумага и класс? - PullRequest
       33

Тлеющая бумага и класс?

1 голос
/ 27 марта 2019

Я работаю над проектом, созданным с помощью Ember.js. Я использую ember-paper аддон для кнопок, а также Ember-intl аддон для перевода моего приложения (английский и французский).

У меня есть основная кнопка HTML с этим кодом:

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

Но когда я использую бумагу с тиснением с таким кодом:

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

Я могу 'не могу найти способ добавить мое утверждение if и действие.

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

Вы знаете, как это сделать?

1 Ответ

1 голос
/ 28 марта 2019

Работает Тиддл

1) Вы можете позвонить своему action с помощью опции onClick внутри {{#paper-button}} компонента.

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}}
...