2013-05-05 1 views
2

Следующие работает отлично,Почему я не могу выбрать контент с аргументом-экземпляром в Dart?

<!DOCTYPE html> 
<html> 
    <body> 
    <element name="x-editable" constructor="EditableComponent" extends="div"> 
     <template> 
     <div style="display: {{editing ? 'block' : 'none'}}"> 
      <content select=".editing"></content> 
     </div> 
     <div style="display: {{editing ? 'none' : 'block'}}"> 
      <content select=".normal"></content> 
     </div> 
     <script type="application/dart" src="xeditable.dart"></script> 
     <script src="packages/browser/dart.js"></script> 
     </template> 
    </element> 
    </body> 
</html> 

он захватывает всех детей в x-editable, которые имеют .editing и .normal, и отображает их в зависимости от того BOOL editing это правда или нет.

Однако, следующий не работает,

<!DOCTYPE html> 
<html> 
    <body> 
    <element name="x-editable" constructor="EditableComponent" extends="div"> 
     <template> 
     <template instantiate="if editing"> 
      <content select=".editing"></content> 
     </template> 
     <template instantiate="if !editing"> 
      <content select=".normal"></content> 
     </template> 
     <script type="application/dart" src="xeditable.dart"></script> 
     <script src="packages/browser/dart.js"></script> 
     </template> 
    </element> 
    </body> 
</html> 

Это не захватить любого из .editing или .normal детей. Очевидно, что я делаю что-то неправильно, но что?

ответ

1

К сожалению, <content> не работает в тегах вложенных шаблонов. Это раздражает, но есть обходные пути. Ваш обходной способ настройки отображения div, похоже, хорошо работает для вашего дела. В других ситуациях может иметь смысл разделить компонент на несколько частей.

+0

Можете ли вы показать пример разделения компонента на части? –