Ember表单元素上的自定义属性和类?

时间:2017-04-25 15:21:38

标签: ember.js

因此我们在项目中使用CSS工具提示,基本上需要添加类" tooltip-extended"并将属性aria-label添加到包含工具提示文本的HTML标记中。这些纯粹是CSS工具提示,随处可见。所以在link-to助手上这很容易。但是,我遇到了表单元素的问题。主要是因为Ember似乎在某些情况下会生成实际的表单元素display: none,例如复选框,并添加了一个子元素A标记,这是可见的。

这是表单的代码,非常标准:

{{input 
  type="checkbox" 
  class="tv-checkbox" 
  checked=defaultSetup 
  data-label="Default Settings"
  name=defaults
  change=(action "toggleDefaults" value="target.checked")}}

{{#radio-button
  class="tooltip-enhanced"
  value="simple"
  name="complexity"
  groupValue=passphraseComplexity
  changed="complexityChanged"}}
  Simple
{{/radio-button}}

如果我将tooltip-extended添加到课程中,它或者根本不添加,或者将其添加到display: none的实际表单元素中。即使扩展允许的属性也不会将这些属性放在创建的子元素上。

工具提示最好直接显示在鼠标所在的元素上。如果类和属性放在父DIV元素上,那么这不是随后发生的行为,因为它以元素为中心。

有可能做我想做的事吗?

0 个答案:

没有答案