Динамически получить список всех значков материалов - PullRequest
0 голосов
/ 14 февраля 2020

Я пытаюсь отобразить список всех возможных значков материалов, чтобы пользователь мог выбрать один для использования на своем веб-сайте. Мой код должен отображать все значки материалов. Я не уверен, как мой код должен правильно находить «список значков».

Один из способов, которым я мог бы добиться этого, - сохранить массив всех возможных значений в файле javascript. Так что у меня был бы такой массив: [..., 'restore', 'restore_from', ...]. Но это означает, что мне нужно создать массив длиной 900 и обновлять его вручную каждый раз, когда Google выпускает больше значков.

Другим способом является итерация шестнадцатеричных кодов, поэтому я просто повторяю значения от DFD4 до E358. Это работает (см. Код ниже), но некоторые значения являются пустыми (см. Изображение ниже). Так что это не полностью защищенное решение.

Знаете ли вы, как я могу составить список всех значков материалов без необходимости вручную создавать и поддерживать список значков?

Шестнадцатеричная техника итерации :

var values = Array.from({length: 58200-57300},(v,k)=>57300+k);
$.each(values, function(i, iconId) {
    iconId = '&#x' + iconId.toString(16) + ';';
    var icon = $('<i class="material-icons" aria-hidden="true">'+ iconId +'</i>');
});

enter image description here

...