polymer - 来自 chrome 控制台的聚合物属性

Question

这是一个非常新手的问题，但是如何从 Chrome 的控制台引用聚合物属性？我知道我可以在我的应用程序中通过引用this.myProperty从 javascript 输出 (console.log) ，但是如何直接从控制台获取对它的引用？

Answer 1

你通过某种方法获得对元素的引用，我使用querySelector所以如果你有一个paper-input类username-input你可以做这样的事情

document.querySelector('paper-input.username-input').myProperty

this.myProperty这与从元素内部执行 a 相同。

Answer 2

仅在开发过程中，我在window引用我的元素时创建了一个属性。

Polymer({
  is: 'nav-bar',

  properties: {
    foo: {
      type: String,
      value: 'foo'
    }
  },

  attached: function() {
    // @TODO remove before merge.
    window.navBar = this
  }
})

在您的控制台中：

// log property
navBar.foo

// call methods
navbar.doSomething()

检查我的元素的属性或调用方法。

当然，这会污染全局范围，但我只在开发期间这样做。您也可以通过选择元素，querySelector('nav-bar')但这样做很乏味，并且您会失去控制台自动完成功能。时间就是金钱。