Обновление массива объектов полимера 2 показывает повторяющиеся значения?

Question

Я пытаюсь обновить раскрывающееся меню бумаги. После первого обновления я вижу, что массив опций правильно показывает новый элемент, добавленный в массив.

Проблема возникает при любых последующих добавлениях в этот массив, новое значение отображается для всех предыдущих элементов, которые я добавил.

Есть идеи, почему это происходит и как решить?

пробовал:

this.options.push(myNewOption);

this.push('options', myNewOption);

ОЖИДАЕТСЯ:

1-й раз добавление:

this.options
0: {'john', 'smith'}
1: {'one', 'one'}

Это хорошо.

2-й раз добавление:

this.options
0: {'john', 'smith'}
1: {'one', 'one'}
2: {'two', 'two'}

index 1 теперь показывает имя из 2-го дополнения!

3-й раз добавление:

this.options
0: {'john', 'smith'}
1: {'one', 'one'}
2: {'two', 'two'}
3: {'three', 'three'}

АКТУАЛЬНО:

Например: Первое добавление:

this.options
0: {'john', 'smith'}
1: {'one', 'one'}

Это хорошо.

2-й раз добавление:

this.options
0: {'john', 'smith'}
1: {'two', 'two'}
2: {'two', 'two'}

index 1 теперь показывает имя из второго дополнения!

3-й раз добавление:

this.options
0: {'john', 'smith'}
1: {'three', 'three'}
2: {'three', 'three'}
3: {'three', 'three'}

Answer 1

Вам нужно использовать this.push или this.set, чтобы изменить свойства вашего полимерного компонента, чтобы полимер знал, когда нужно переупорядочить материал. Таким образом, используя

this.push('options', myNewOption);

- это правильный подход. См. Документация для этого.