2015-11-03 75 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變化事件。有了這個。沒有任何東西。沒有用!

回答