Ember-论文和class?
Ember-paper and class?
我正在做一个项目 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}}>
你知道怎么做吗?
工作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}}
我正在做一个项目 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}}>
你知道怎么做吗?
工作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}}