javascript - 如何使用绑定(bind)数据作为 polymer 中的函数输入

标签 javascript polymer

在我的dom-moule中,我想使用绑定(bind)数据ticket.start_time作为函数的输入并显示函数返回(即从 ticket.start_time 到现在耗时)。

目前,我只知道如何访问绑定(bind)数据,如下

  <li><span>{{ticket.start_time}} has lapsed</span>

缺少的部分是

  • 如何访问 ticket.start_time来自函数
  • 如何触发该功能

完整代码在这里:

<dom-module id="todo-app">                                                         
<template>                                                                       
<ul>      
  <template is="dom-repeat" items="[[reply.tickets]]" as="ticket">               
  <style>                                                                      
    span[done]{                                                                
      text-decoration: line-through;                                           
    }                                                                          
  </style>                                                                     
  <li><span done$={{ticket.end_time}}>{{ticket.id}}: {{ticket.detail}}, {{ticket.start_time}} has lapsed</span>
  </template>
</template>
</ul>

<iron-ajax                                                                  
  auto=true                                                                 
  id="requestData"                                                          
  url="/data"                                                               
  handleAs="json"                                                           
  on-response="handleResponse">                                             
</iron-ajax>                                                                
</template>                                                                   

  <script>                                                                      
    Polymer({                                                                   
      is: "todo-app",                                                           
      properties: {                                                             
        reply: {                                                                
          type: Object                                                          
        }                                                                       
      },                                                                        
      handleResponse: function (data){                                          
        this.reply= data.detail.response;                                       
      }                                                                         
    });                                                                         
  </script>                                                                     
</dom-module> 

最佳答案

试试这个

<span>{{myFunc(ticket.start_time)}}</span>
...
<script>
  myFunc:function(item){
    //some code
    return value
 }

关于javascript - 如何使用绑定(bind)数据作为 polymer 中的函数输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41322674/

相关文章:

javascript - JS - 如何获取一串outerHTML文本内容?

polymer 元素模糊事件

polymer - 有没有办法控制 CustomElementRegistry 和 "dom-module"以外的名称

dart - 核心样式和类似乎不起作用

JavaScript 按数字排序

javascript - Redux 操作必须是普通对象

javascript - 带数字的 lodash 路径

javascript - 在同一容器内的新窗口中打开图像

firebase - FCM 通知单击始终在新选项卡中打开(网络应用程序 Polymer)

javascript - 动态创建 polymer 中的自定义元素属性为空