1

Dart のタブ内に「ページ」を読み込もうとしていますが、適切に設定できないようです。以下の例には、各ページにテキスト入力を表示するはずのページがありますが、ページはタブ内にあります。タブ内でこれらのページを適切に設定する方法がわかりません。これまでのところ、次の例を使用していました:ポリマー UI 要素タブを使用してタブが選択されたときにコンテンツを切り替える さらに情報が必要な場合はお知らせください。

<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>
4

2 に答える 2

0 

<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>
    <paper-tabs id="tabs">
      <paper-tab>System</paper-tab>
      <paper-tab>User</paper-tab>
    </paper-tabs>

    <core-pages selected="{{$.tabs.selected}}">
      <div>
        <paper-input id='version' label="Version:" readonly></paper-input>
      </div>
      <div>
        <paper-input id='Welcome' label="Display Welcome Page:" readonly></paper-input>
      </div>
    </core-pages>

  </template>
  <script type="application/dart" src="app_element.dart"></script>
</polymer-element>

「ページ」属性を作成しなくてもバインドできると便利です。「{{$.id.attribute}}」という表現を使用する例を見てきました。

于 2014-09-30T04:53:34.887 に答える