我正在尝试在Dart的标签内加载“页面”,但似乎无法正确设置它们。我下面的示例中的页面应该在每个页面上显示文本输入,但是页面在选项卡中。我不确定如何在标签内正确设置这些页面。到目前为止,我已经通过以下示例进行操作:Switching content when tab selected using polymer ui elements tabs如果您需要更多信息,请告诉我。
<paper-tabs id="Tabs" selected="0" style='width:800px; height:175px; color:green;'>
<paper-tab id="systemtab"> System
<core-pages selected="0">
<paper-input id='version' label="Version:" readonly></paper-input>
</core-pages>
</paper-tab>
<paper-tab id="userTab"> User
<core-pages selected="1">
<paper-input id='Welcome' label="Display Welcome Page:" readonly></paper-input>
<paper-input id='user_name' label="User Name:" readonly></paper-input>
</core-pages>
</paper-tab>
</paper-tabs>
最佳答案
我尝试了一下,到目前为止效果良好:
<link rel="import" href="../../packages/polymer/polymer.html">
<link rel='import' href='../../packages/paper_elements/paper_tabs.html'>
<link rel='import' href='../../packages/paper_elements/paper_tab.html'>
<link rel='import' href='../../packages/paper_elements/paper_input.html'>
<link rel='import' href='../../packages/core_elements/core_pages.html'>
<polymer-element name="app-element">
<template>
<style>
:host {
display: block;
}
</style>
<paper-tabs id="Tabs" selected="{{page}}" style='width:800px; height:175px; color:green;'>
<paper-tab>System</paper-tab>
<paper-tab>User</paper-tab>
</paper-tabs>
<core-pages selected="{{page}}">
<div>
<paper-input id='version' label="Version:" readonly></paper-input>
</div>
<div>
<paper-input id='Welcome' label="Display Welcome Page:" readonly></paper-input>
<paper-input id='user_name' label="User Name:" readonly></paper-input>
</div>
</core-pages>
</template>
<script type="application/dart" src="app_element.dart"></script>
</polymer-element>
import 'package:polymer/polymer.dart';
@CustomTag('app-element')
class AppElement extends PolymerElement {
@observable
int page = 0;
AppElement.created() : super.created();
}
关于dart - 标签内的Google Dart页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26100401/