polymer - 如何在 Polymer 中创建单例元素

Question

我想创建一个用户只能实例化一次的元素。

到目前为止，我能想到的最好的做法是在匿名函数中定义元素，并在发现该元素已存在时抛出错误。有没有办法让它拒绝被创建？

(function(){
  var singleton = false;
  Polymer({
   is:'my-singleton',
   created:function(){
    if(singleton) {
     throw new Error ('only one my-singleton should be created');
    }
    singleton = this;
   }
  });
})();

Answer 1

你想限制<my-singleton>的数量吗？在页面上，还是只有一个单例“状态”？

要在多个元素实例之间共享单例状态/服务，您可以执行以下操作:

(function() {
    'use strict';

    // singleton shared connection between all instances of rg-signalr
    var singletonState = {
        counter: 0
    };

    Polymer({
        is: 'my-element-using-singleton-state',

        attached() {
            singletonState.counter++;
        }
    });
})();