Следующие работает отлично,Почему я не могу выбрать контент с аргументом-экземпляром в 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
детей. Очевидно, что я делаю что-то неправильно, но что?
Можете ли вы показать пример разделения компонента на части? –