【问题标题】:Bug in rendering paper-button渲染纸张按钮中的错误
【发布时间】:2014-09-03 09:43:33
【问题描述】:

除了 id 之外,我有两个相同的纸质按钮:

<paper-button raisedButton
  id='rendered'
  label='patient'
  on-click='{{clickHandler}}'></paper-button>

<paper-button raisedButton
  id='no-render'
  label='patient'
  on-click='{{clickHandler}}'>
</paper-button>

第一个按钮使用文本标签呈现,第二个按钮不使用文本标签呈现。唯一的区别是结束标签。我希望第二个按钮应该像第一个按钮一样呈现,但事实并非如此。这是一个错误吗?

另一个观察是按钮的标签总是默认为大写。这个可以改吗?

我正在使用聚合物 v 0.12.0-dev 和 Dart Editor 版本 1.6.0.dev_03_00 (DEV) Dart SDK 版本 1.6.0-dev.3.0。

【问题讨论】:

  • 请在与开始标签匹配的第二个按钮的第五行(新行)中添加。添加问题后,我无法对其进行编辑。
  • 缩进短了一个字符。我认为问题总是可以编辑的。我会看看为什么会为您禁用此功能。
  • 我找不到您无法编辑问题的原因。您是否收到某种消息,或者edit 链接是否被禁用或者甚至不可见?
  • @st_clair_clarke 如果您关注this edit link,您可以编辑您的问题吗?
  • @st_clair_clarke:您可以始终编辑您的问题。您的意思是您在尝试时遇到了某种错误?

标签: dart dart-polymer material-design paper-elements


【解决方案1】:

第二个按钮的呈现方式不同(没有标题),我收到错误消息

Using textContent to label the button is deprecated. Use the "label" property instead 

显然&lt;paper-button&gt; 旨在识别是否有人添加了子节点,这似乎不受支持。
开始和结束标记之间的换行符会创建一个 TextNode 子级,它会改变按钮的行为。

我猜按钮的设计方式是出于好意,但结果可能会导致更多的混乱而不是帮助。

我创建了一个错误报告https://github.com/Polymer/paper-button/issues/12

【讨论】:

  • 谢谢。我收到了相同的错误消息,但是当我按照上面的选项 1 放置 标签时它就消失了。我同意应该更正它,因为我们中的许多人为了便于阅读而缩进代码。
  • 是的,当开始标签和结束标签之间只有空白字符时,通常行为没有区别。
  • 堆栈跟踪对于查明问题也不是很有帮助。即使我纠正了感知到的问题,我仍然收到错误。我目前正在调查其他纸元素组件是否表现类似。
  • 我没想到会这样。我查看了paper-button JavaScript 源代码,它在那里被明确编码。如果 包含文本,则此文本用作标签并打印错误消息。可能还有其他一些元素以类似的方式完成,但这不是一般问题。
  • 谢谢。我仍然会尝试找到问题,因为我有意外的痕迹。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-11-21
  • 1970-01-01
  • 2019-11-02
  • 2015-08-28
  • 2015-06-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多