2014-02-27 4 views
4

Я пытаюсь использовать тег контента в дротиком. Элемент Polymer-Element отображается правильно, но содержимое вообще не отображается.Как использовать Polymer <content> тег в дротике?

Это мой код:

<polymer-element name="modal-dialog" > 
    <link rel="stylesheet" href="packages/bootjack/css/bootstrap.css"> 

    <template> 

    <button on-click="{{show}}">jo</button> 
    <div id="modal" class="modal fade" tabindex="-1" role="dialog"> 
     <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times</button> 
      <h3 style="margin: 0">Bootjack</h3> 
      </div> 
      <div class="modal-body"> 
      <content></content> 
      </div> 
      <div class="modal-footer" style="margin: 0"> 
      <button class="btn btn-success" data-dismiss="modal" id="ok">OK</button> 
      </div> 
     </div> 
     </div> 
    </div> 
    </template> 
<script type="application/dart"> 
import 'package:polymer/polymer.dart'; 
import 'package:bootjack/bootjack.dart'; 
import 'dart:html'; 

@CustomTag('modal-dialog') 
class ModalDialog extends PolymerElement { 

    Modal modal; 

    ModalDialog.created() : super.created(){ 
    Modal.use(); 
    Transition.use(); 
    modal = Modal.wire(this.shadowRoot.querySelector("#modal")); 

    } 
    void show(){ 
    modal.show(); 
    } 
} 
</script>  
</polymer-element> 

Затем я создаю экземпляр в index.html:

<modal-dialog>This should be in the content-tag</modal-dialog> 

Я использую:
Dart Editor версия 1.2.0.release (STABLE)
Dart SDK версия 1.2.0
OS X 10.8.5

Спасибо за любые подсказки :)

ответ

1

Я пробовал ваш код. Я удалил ссылку CSS, и контент показывался в нужном месте.

Может быть, вы столкнетесь с той же ошибкой, как я сделал недавно CSS linked in entry page header moved into content by pub build

Добавить CSS после стиля тега

<style> 
    * { 
    display: block; 
    border: solid 3px red; 
    } 
</style> 

вы увидите, что CSS перемещается в содержание. В настоящее время у полимера есть некоторые проблемы с CSS.

+1

Почему ссылка css не эквивалентна объявлению стиля inline? –

+0

см. Мой обновленный ответ –