dart - Dart语言:聚合物-使用 View

Question

我正在Dart上开发我的第一个“复杂”应用程序，并且在使用多个 View 时遇到了一些麻烦(我想将应用程序开发为在单个页面中运行)。

首先，我假设此方法(使用Polymer)是处理应用程序各种 View (或“应用程序屏幕”)的正确方法。但是，如果不是，我想知道(当然)。通过“应用程序屏幕”，我说的是类似用Ja​​va创建各种形式的内容。

因此，例如，我在页面顶部有两个按钮。当您单击第一个时，它将显示带有用户注册区域的 View 。当您单击第二个按钮时，它将显示带有可编辑网格的 View 。

您能给我一些这个简单应用程序的代码示例吗？

Answer 1

您可以使用template if功能。
这样，当前处于非 Activity 状态的 View 会自动从DOM中删除，并在模型属性更改时自动再次插入。

<polymer-element name='app-element'>
  <template>
    <template if='{{appModel.view == 'view1'}}'>
      <view1></view1>
    </template>

    <template if='{{appModel.view == 'view2'}}'>
      <view2></view2>
    </template>
  </template>
  <script ...>
</polymer-element>