如何在 Polymer 1.0 中实现 MVC 模式？

Question

我们可以为聚合物元素定义控制器吗？例如，我有一个 ListView 作为 element.Now 我想在控制器中实现 onClickEvent() 以使业务/其他逻辑与 View 分开。那么在 Polymer 中是否有可用的 View-Controller 绑定？

Answer 1

Polymer 元素的基本结构为您嵌入了 MVC 解决方案，不是吗？

例如一般结构为：

<dom-module id="my-module">
  <!-- Imports go here -->
  <link rel="import" href="../bower_components/example-imported-element/example-imported-element.html">
  <style>
    ...
  </style>
  <template>
    <paper-button on-click="myFunc"></paper-button>
  </template>
  <script>
    (function() {
        Polymer({
          is: "my-module",
          ...
          myFunc: function() {
            // Do stuff
          },
          ...
        });
      }()
  </script>
</dom-module>

所以你的 "model" 就是你的 Shadow DOM，你的 <template> 标签里面的所有东西都是你的 "views" 而你的 Polymer() 函数里面的所有东西都是你的 "controller" 不是吗？（甚至认为它没有这样正式标记。）还是您有其他想法？

如何在 Polymer 1.0 中实现 MVC 模式？

How to implement MVC pattern in Polymer 1.0?

polymer

paper-elements

polymer-1.0

polymer-starter-kit