2016-03-28 3 views
0

私は角度をつけて作業しています。次の問題があります。ヘッダーにドロップダウンメニューを持つアコーディオンのグループがあります。最後に追加した要素をアコーディオンのグループに展開したいので、追加のパラメータ_isOpenを追加し、新しい要素を追加すると、_isOpen = trueになります。すべてが機能しますが、アコーディオンのヘッダーのドロップダウンはアコーディオンと同様に開きます。ドロップダウンがアコーディオンで開きます

ここでは、角にどのように見えるかです:

ドロップダウンmenyと
<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> 

、テンプレートから一部:

<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

現在テストしているコードの例を構築することはできませんが、is-opの代わりにngRepeat '$ last'を使用してみましたか?現在のものより簡単かもしれません。 –

+0

アコーディオンがそのイベントを取得しないように、イベントの伝播を停止する必要があります。 –

+0

@MatthewGreen $ lastを使用すると、最後のアコーディオンはページのインサイト読み込み後でも常に開いています。 – Stivin

答えて

0

私は追加はUIB-ドロップダウンのための偽=-開いていて、それは私を助けた:

<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> 
関連する問題