Как создать элемент singleton в 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

Я, кажется, что есть недокументированная remove() функция для элементов. Я только что переместил код ранее в функцию attached и сохранил переменную, которая отмечает, если я активирован или нет.

(function(){ 
    var singleton = false; 
    Polymer({ 
    is:'my-singleton', 
    attached:function(){ 
    if(singleton) { 
    this.isActive = false; 
    this.remove(); 
    } else { 
    singleton = true; 
    this.isActive = true; 
    // remainder of element initialization 
    } 
    }, 
    detached:function() { 
    if(this.isActive) singleton = false; 
    } 
}); 
})(); 

Это, кажется, работает очень хорошо.

Answer 2

Вы хотите ограничить количество <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++; 
     } 
    }); 
})();