Question

我正在尝试为自定义标记设置属性。但它反而给出了错误。我还附上了错误和代码片段的截图。

 <awts-est  data-url$="{{dataUrl}}"></awts-est>
properties: {
dataUrl: {
                type: String,
                value: '',
                reflectToAttribute: true,
            },
}

在demo / index.html

中

 <awtt-ch data-url="http://abc.asdfg.com"></awtt-ch>

Answer 1

好的，我回过头来重新创建你的版本。我相信这就是你在基层所拥有的。这成功地从dataUrl打印了数据。

的index.html

<html>
    <head>
        <script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
        <link href="elements/awtt-ch.html" rel="import">
    </head>
    <body>
        <awtt-ch data-url="http://abc.asdfg.com"></awtt-ch>
    </body>
</html>

元素/ AWTT-ch.html

<head>
    <link href="../bower_components/polymer/polymer.html" rel="import">
    <link href="/elements/awts-est.html" rel="import">
</head>

<dom-module id="awtt-ch">
   <template>
       <awts-est  data-url$="{{dataUrl}}"></awts-est>
   </template>
</dom-module>

<script>
    Polymer({
        is: "awtt-ch",
        properties: {
            dataUrl: {
                type: String,
                notify: true,
             }
         }      
   });
</script>

元素/ AWTS-est.html

<html>
    <head>
        <link href="../bower_components/polymer/polymer.html" rel="import">
        <link href="/elements/awts-est.html" rel="import">
</head>

<dom-module id="awts-est">
    <template>
        <h1>Here's your data: <span>{{dataUrl}}</span></h1>
    </template>
</dom-module>

<script>
    Polymer({
        is: "awts-est",
            properties: {
                 dataUrl: {
                     type: String,
                     notify: true,
                 }
             }      
    });
 </script>

无法在聚合物中设置未定义的属性'_parent_dataUrl'

1 个答案: