nasıl denetleyicisi geçmek değerine bağlı olarak açılan seçeneklerini görüntülemek istediğiniz açısal açılır

Question

dinamik sütun görüntülemek için

Denetleyici: Yukarıdaki kodda

This.selectedColumn = label; 

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

Sonra yapayım etiket olarak selectedColumn var açılır menüden dditems.label'u görüntüleyin. selectedColumn'u subItem olarak iletirseniz, dditems.subItem'u açılır pencerede göstermeliyim.

html: Yukarıdaki kod I item.label kodlanmış olan

<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> 

, şimdi item.label kolon görüntülüyor. Ama ben selectedColumn'a dayanarak değer görüntülemek istiyorum.

Ör: <a>{{ item.selectedColumn }}</a> Ben bu dinamik şekilde yapabiliriz nasıl

?

Answer 1

Çözümünüz için bir Fiddle ürünüm var. Tıklama etkinliğini, tekrar mülkünüzün değişmesini istediğiniz herhangi bir etkinlikle değiştirebilirsiniz.

Kodunuza göre selectedColumn değişkenini değiştirmek için herhangi bir etkinlik yapmanız gerek.

<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> 

o

yardımcı olur umarım