使用Polymer中的原型偵聽器屬性來偵聽兒童財產更改通知器不起作用

Question

爲什麼不能正常工作？ 我試圖一起使用notify和listeners。我錯過了什麼嗎？

Polymer({ 
    is: 'x-child', 

    properties: { 
    message: { 
     type: String, 
     value: '', 
     notify: true 
    } 
    } 
}); 

Polymer({ 
    is: 'x-dad', 

    listeners: { 
    'message-changed': '_onMessageReceived' 
    }, 

    _onMessageReceived: function (e) { 
    alert('child sent a message'); 
    } 
}); 

場景

var d = document.createElement('x-dad'); 
var c = document.createElement('x-child'); 
d.appendChild(c); 
c.message = 'new'; 

Answer 1

在devguide它寫道：

當屬性發生變化時，元素會觸發無泡 DOM事件，表示這些變化給有興趣主機。

https://www.polymer-project.org/1.0/docs/devguide/data-binding.html#change-notification-protocol

這意味着事件偵聽器只有x-child元素上調用，而不是在它的祖先。這可能是你缺少的。

Answer 2

在您提供的場景中，Polymer如何知道如何將x-dad的消息屬性與x-child的消息屬性綁定？

如果聲明的x孩子在HTML中，以涉及2個項目，你將不得不聲明是這樣的：

<x-child message={{message}}></x-child>

至於讓你的當前設置工作，也許可以考慮類似於Bind a value between a parent and a child element where child element is created using javascript