2016-03-28 6 views
0

Açısal ile çalışıyorum ve bir sonraki sayıya sahibim: Başlıkta bir açılır menüye sahip bir grup akordeon var. Son eklenen elemanı akordeon grubuna genişletmek istiyorum, bu yüzden ek bir paramater _isOpen ekledim ve yeni bir eleman eklediğimde: _isOpen = true. Her şey işe yarıyor, ancak akordeonların başlığında açılan akordeon yanı sıra açılır. İşteAçılır pencere açılışı ile açılır

o açısal nasıl göründüğü:

<uib-accordion close-others="oneAtATime"> 
    <uib-accordion-group template-url="./custom-template.html" is-open="element._isOpen" ng-repeat="element in rlFull.elements track by element.Id" scroll-glue> 
     <div class="testing-table" ui-ace="{ onLoad : aceLoaded, mode: 'gherkin', theme: 'chrome'}" ng-model='element.Text' join-steps-array style="height : 200px"></div> 
    </uib-accordion-group> 
</uib-accordion> 

Ve açılan meny ile şablondan kısmı:

<div class="action-block"> 
    <div uib-dropdown="dropdown" class="dropdown-holder"> 
     <button uib-dropdown-toggle="" class="btn"> 
      Actions 
      <span class="ico-dropdown"></span> 
     </button> 
     <ul role="menu" class="dropdown-menu"> 
      <li> 
       <a href="" data-ng-click="$parent.element.saveChanges();">Save</a> 
      </li> 
      <li> 
       <a href="" ng-click="$parent.element.deleteElement($parent.element)">Delete</a> 
      </li> 
     </ul> 
    </div> 
</div> 
+0

Şu anda sınamak için kodunuzun bir örneğini yapılandıramıyorum, ancak ngRepeat '$ last' yerine' is-op kullanarak denediniz mi? en'? Şu an sahip olduğunuzdan daha basit olabilir. –

+0

olayın yayılmasını durdurmanız gerekir, böylece akordeon bu olayı almaz. –

+0

@MatthewGreen En son $ dolarını kullanırsam, son akordeon sayfanın iniatil yüklenmesinden sonra bile her zaman açık olur. – Stivin

cevap

0
ekledim

UIB-açılır sahte =-açıktır ve bana yardımcı oldu:

<div class="action-block"> 
    <div uib-dropdown="dropdown" class="dropdown-holder" is-open="false"> 
     <button uib-dropdown-toggle="" class="btn"> 
      Actions 
      <span class="ico-dropdown"></span> 
     </button> 
     <ul role="menu" class="dropdown-menu"> 
      <li> 
       <a href="" data-ng-click="$parent.element.saveChanges();">Save</a> 
      </li> 
      <li> 
       <a href="" ng-click="$parent.element.deleteElement($parent.element)">Delete</a> 
      </li> 
     </ul> 
    </div> 
</div>