Как отобразить динамический столбец в раскрывающемся меню

Question

Как отобразить динамический столбец в раскрывающемся меню

0

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

контроллер:

This.selectedColumn = label;

This.dditems = [
    {
        id: 1,
        label: 'aLabel',
        subItem: 'aSubItem'
    },
    {
        id: 2,
        label: 'bLabel',
        subItem: 'bSubItem'
    },
    {
        id: 3,
        label: 'bLabel',
        subItem: 'cSubItem'
    }
];

В приведенном выше коде я dditems.label как метку, тогда я должен отобразить dditems.label в раскрывающемся dditems.label. Если я subItem selectedColumn качестве subItem, тогда я должен отобразить dditems.subItem в раскрывающемся dditems.subItem.

Html:

<ul class="dropdown-menu" role="menu" aria-labelledby="single-button" >
    <li role="menuitem" data-ng-repeat="item in dc.dditems">
       <a>{{ item.label }}</a>
   </li>
</ul>

В приведенном выше коде у меня есть item.label, поэтому теперь отображается столбец item.label. Но я хочу отображать значение на основе selectedColumn.

Например: <a>{{ item.selectedColumn }}</a>

Как я могу сделать этот динамический путь?

apps 28 март 2016, в 08:14

Источник

Теги:

javascript

angularjs

drop-down-menu

angular-ui-bootstrap

1 ответ

Ещё вопросы

M. Junaid Salaat · Accepted Answer · 2016-03-28T04-59-00.000Z

У меня есть Fiddle для вашего решения. Вы можете изменить событие click с любым событием, которое вы хотите изменить свойство повтора.

В соответствии с вашим кодом вам просто нужно изменить selectedColumn переменную Column с любым событием.

<ul class="dropdown-menu" role="menu" aria-labelledby="single-button" >
    <li role="menuitem" data-ng-repeat="item in dc.dditems">
       <a>{{ item[selectedColumn] }}</a>
   </li>
</ul>

Надеюсь, поможет