Question

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

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

<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

处的信息

是否使用最后一个选项。

dart-polymer的正确性是什么？

Answer 1

Polymer元素的样式标记始终位于<template>标记内。必须有其他东西导致这种行为。

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

Material Design <style>元素放置</style>

1 个答案: