2015-11-03 76 views
1

你好,我有这个简单的索引文件:自动绑定与函数模板(聚合物的1.x)

<?php use Cake\Routing\Router; ?> 
<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes"> 
    <meta name="mobile-web-app-capable" content="yes"> 
    <meta name="apple-mobile-web-app-capable" content="yes"> 
    <link rel="import" href="<?= Router::url('/'); ?>bower_components/polymer/polymer.html"> 
    <?php echo $this->Html->script('/bower_components/webcomponentsjs/webcomponents-lite.min.js'); ?> 
</head> 
<body unresolved> 
<template id="app" is="dom-bind" > 
    <h1 on-click="{{stateChange}}">Holaaa</h1> 
</template> 
<script> 
    var app = document.querySelector('#app'); 
    app.stateChange= function(){ 
     console.log("stateChange"); 
    }; 
</script> 
</body> 
</html> 

我得到这个错误:

[dom-bind::_createEventHandler]: listener method `{{stateChange}}` not defined 

我有一个工作程序一切都很好的聚合物。但是这个简单的例子不起作用!为什么!?

为什么?我错过了什么?

我试着用app定义stateChange函数。并没有应用程序。也没有成功。

我也试图在DOM变化事件包装它像的文件指出,但没有工作

app.addEventListener('dom-change', function() { 
    stateChange= function(){ 
     console.log("stateChange"); 
    }; 
}); 

我试图定义stateChange功能iside与应用程序中的DOM变化事件。有了这个。没有任何东西。没有用!

回答