Question

我正在试验聚合物，看看我是否可以构建我已经在php / mootools开发的应用程序的移动版本

我想要实现的是单页面应用程序，当它启动时会放置一个图像闪屏，而在后台它会将用户验证为smf论坛的登录成员。如果验证失败，它将重定向到登录URL。所以我认为我的index.html页面的主体将包含类似这样的内容

<body>
    <forum-auth forumurl="/forum/authorize.php" login_url="/login" splash="background.png">

      ... lots of content with further polymer elements with access to global variables
      {{token}} and {{user}} which gets returned by a successful logon. the token is a JWT and the user object is application specific.

    </forum-auth>

聚合物元素定义会像这样

  <template>
      <div id="splash" class="show-splash-screen">
           <img src="{{splash}} />
      </div>
      <core-ajax url="{{forumurl}} handleAs="json" on-core-response={{handleResponse}}></core-ajax>
      <template if="{{token}}">    
          <content></content>
      </template> 
  </template>

还有一些将所有这些结合在一起的脚本，我还没想到。但是它将包括为this.token和this.user分配ajax响应，并从div中删除show-splash-screen类，它是splash元素。

我的问题是 - 这是构建这样一个要求的正确方法 - 我应该花时间以这种方式构建这个令牌。我问，因为我不确定提及＆＃34; light DOM＆＃34;在文档中意味着是否有效地将应用程序的内容作为内容嵌入到此元素中是正确的。

还是有更好的方法来实现同样的事情。也许不包括内容，flash图像或login-url，只是在授权失败或完成时触发两个事件中的一个（我很紧张，因为它不是声明性的。）

聚合物如何对内部物质起反应

0 个答案: