Material Design <style> 元素放置答案

【问题标题】：Material Design <style> element placementMaterial Design <style> 元素放置
【发布时间】：2014-09-02 13:23:27
【问题描述】：

材料设计的标签位置似乎与聚合物组件不同。

之前我使用了以下展示位置：

<polymer-element name='-form'> 

  <style>

  </style>  

  <template>



  </template>

  <script type="application/dart">

    import 'package:polymer/polymer.dart';
    import 'dart:html';

    import 'package:epimss_polymer/.dart';


    @CustomTag( '-form' )
    class Form extends PolymerElement
    {

      @observable 

      Form.created() : super.created();

    }

  </script> 
</polymer-element>

我现在正在调查 Google Material Design，发现 CSS 放置在 |style|标签未呈现。

然而，如果我把标签放在 |template|标记它的工作原理。

<polymer-element name='-form'> 

  <template>

    <style>

    </style>    

  </template>

  <script type="application/dart">

    import 'package:polymer/polymer.dart';
    import 'dart:html';

    import 'package:epimss_polymer/.dart';


    @CustomTag( '-form' )
    class Form extends PolymerElement
    {

      @observable 

      Form.created() : super.created();

    }

  </script> 
</polymer-element>

我注意到http://www.polymer-project.org/docs/polymer/styling.html的信息

是否使用最后一个选项。

飞镖聚合物正确的是什么？

【问题讨论】：

我从 11 月开始使用 Polymer 和飞镖，就我使用它而言，我总是不得不将样式标签放在模板标签中以使其工作......：$
@Vloz。谢谢。我一定是在做一些不正确的事情并且侥幸逃脱。
能否请您在样式标签中添加您放入的样式规则。我怀疑放置空样式标签的位置是否重要。

标签： dart dart-polymer material-design

【解决方案1】：

Polymer 元素的样式标签总是在<template> 标签内。一定有其他原因导致了这种行为。

您是否尝试将- 破折号放在名称中间而不是前面？
即使这可能是有效的，也可能是之前没有人尝试过并且没有按预期工作。

【讨论】：

- 仅用于说明。我使用模板快速复制和粘贴新组件。我只是在表单中添加一个前缀。我所有的阅读都建议将样式标签放在模板中。从现在开始我会这样做。谢谢。
样式标签的内容可能会因放置位置不同而有所不同。但是要从内部设置标签的样式，它肯定需要在<template> 标签内。