0

顯示動態列我想顯示取決於我通過在控制器中的值下拉選項如何在角下拉

控制器:

This.selectedColumn = label; 

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

在上述代碼中,我已selectedColumn作爲標籤,然後我應該在下拉菜單中顯示dditems.label。如果我通過selectedColumn作爲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>

我怎樣才能做到這一點動態的方式?

回答

1

我已爲您的解決方案製作了Fiddle。您可以更改任何您想要重複屬性更改的事件的點擊事件。

根據您的代碼,您只需更改selectedColumn變量與任何事件。

​​

希望它可以幫助