Мне нужно реализовать динамическое меню, основанное на одном массиве. Например, у меня есть массив прав, и вошедший в систему пользователь может только просматривать меню с правами, которые есть в массиве, но в моем меню иногда есть несколько выпадающих или одиночных выпадающих вниз.
Мой пример кода
Объект меню по умолчанию в шаблоне.
{
label: 'MENU',
main: [
{ arr_name: '',
state: 'dashboard',
short_label: 'D',
name: 'Home',
type: 'link',
icon: 'ti-home'
},
{ arr_name: '',
state: 'master',
short_label: 'M',
name: 'Master',
type: 'sub',
icon: 'ti-direction-alt',
children: [
{
arr_name: '',
state: 'roles',
name: 'Roles',
type: 'sub',
children: [
{
arr_name: 'Add Role',
state: 'add-roles',
name: 'Add Roles',
// target: true
},
{
arr_name: 'Edit Role',
state: 'edit-roles',
name: 'Edit Roles',
// target: true
}
]
},
]
}
]
}
И мой массив прав -
["Add User", "Edit User", "Add Equipment", "Add Product", "Edit Product", "Approve Product", "System Setting", "View All Audit Trail", "Weighment", "Start/Stop Process", "Calibration", "Set Recalibration", "Clean Bin", "Add Role", "Edit Role", "Add Department", "View Report(Self)", "View All Report", "Reprint All Report", "Edit Equipment", "Verify Calibration Report", "Edit Cubicle", "Group Printable Report"]
здесь, в моем объекте меню, если поле arr_name присутствует в массиве прав, тогда я хочу создать новый объект для меню на основе проверки в этом массиве прав. так что пользователь может видеть только меню, что он имеет к нему доступ, заранее спасибо.