Question

如何访问函数内属性的值？这是属性

＆＃13;

properties:{
  name: {type: String}
}

＆＃13;

<my-element name="Subrata"></my-element>

在<my-element>内我有这样的功能：

方法＃1

＆＃13;

<dom-module id="my-element">
  <template>
    ...
    ...
  </template>

  <script>
  (function () {
    is: 'my-element',
    properties:{
      name: {type: String}
    },
  
    getMyName: function(){
      return this.name;
    }
  })();
  </script>
</dom-module>

＆＃13;

我的另一种方法是将值放在元素中，但这也不起作用。

方法＃2

＆＃13;

<dom-module id="my-element">
  <template>
    <!-- value of name is rendered OK on the page -->
    <p id="maxp">{{name}}</p>
  </template>
  
  <script>
    (function() {
      is: 'my-element',
      properties: {
        name: {type: String}
      },
      getMyName: function(){
          var maxpValue = this.$$("#maxp").innerHTML;
          return  maxpValue;
      }
    })();
  </script>
</dom-module>

＆＃13;

我怎样才能做到这一点？请帮忙。

提前致谢

Answer 1

您应该使用Polymer函数，而不是使用自调用匿名函数。将代码中的(function() { ... })();更改为Polymer({ ... });。

以下是一个例子：

<dom-module id="my-element">
  <template>
    ...
  </template>
</dom-module>

<script>
  Polymer({
    is: 'my-element',

    properties: {
      name: {
        type: String
      }
    },

    getMyName: function() {
      return this.name;
    }
  });
</script>

我建议您遵循Polymer文档中的Getting Started guide，因为它会覆盖所有这些以及更多内容。当您希望开始使用Polymer时，这是一个很好的起点。

Answer 2

你可以简单地做

this.name

访问变量的任何函数中的任何地方

Polymer 1.0：如何访问函数内的属性值

2 个答案: