如何从javascript向聚合元素传递函数对象

我尝试将函数转换为字符串并按如下方式传递：

var myfunc = function (name) {
    alert('It works!' +name);
}

var as_string = myfunc.toString();

var contentHtml = "<my-element post='{\"value\":\"" + target.value.toString() + "\",\"update\":\"" + as_string + "\"}'></my-element>"

<my-element style="z-index:2998; width:700px;" post="{"value":"USUNCLM","update":"function (name) {
                    alert("It works!' +name); }"}'></my-element>

var myfunc=函数（名称）{
警报（'It works！'+名称）；
}
var as_string=myfunc.toString（）；
var contentHtml=“”

但它没有正确地将其转换为字符串。当我签入开发工具时 情况如下：

var myfunc = function (name) {
    alert('It works!' +name);
}

var as_string = myfunc.toString();

var contentHtml = "<my-element post='{\"value\":\"" + target.value.toString() + "\",\"update\":\"" + as_string + "\"}'></my-element>"

<my-element style="z-index:2998; width:700px;" post="{"value":"USUNCLM","update":"function (name) {
                    alert("It works!' +name); }"}'></my-element>

---

以下是聚合物的工作示例：

在父元素中定义JavaScript对象：

 domReady: function() {
        // Animal properties and method encapsulation
        this.animal = {
          type: "Invertebrates", // Default value of properties
          displayType : function(){  // Method which will display type of Animal
            console.log(this.type);
            alert(this.type);
          }
        }
  },

将其传递给子元素：

 <my-dynamic_element 
          animal='{{animal}}'>
  </my-dynamic_element>

 domReady: function() {
      console.log('in Dynamic:');
      this.animal.displayType();
  },

请注意，传递对象时，将扭曲单引号中的属性：

 obj_attr='{{obj_attr}}'

---

我的父页面不是聚合元素。它只是一个html页面。我正在从javascript页面绑定聚合元素。如何在这里动态绑定。我已经在我的html页面中导入了我的元素，尽管我在聚合元素使用：：谢谢之外得到了[Object]。它现在正在工作。在做这件事之前，我还必须更新聚合物。