Angularjs 下拉菜单以手风琴打开
我正在与angular合作,下一个问题是:我有一组手风琴,标题上有一个下拉菜单。我想将最后添加的元素扩展到手风琴组,因此我添加了一个额外的参数_isOpen,当我添加新元素时:_isOpen=true。一切正常,但手风琴标题上的下拉菜单和手风琴一样打开 以下是它在角度上的外观:Angularjs 下拉菜单以手风琴打开,angularjs,drop-down-menu,Angularjs,Drop Down Menu,我正在与angular合作,下一个问题是:我有一组手风琴,标题上有一个下拉菜单。我想将最后添加的元素扩展到手风琴组,因此我添加了一个额外的参数_isOpen,当我添加新元素时:_isOpen=true。一切正常,但手风琴标题上的下拉菜单和手风琴一样打开 以下是它在角度上的外观: <uib-accordion close-others="oneAtATime"> <uib-accordion-group template-url="./custom-template.ht
<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>
行动
-
-
对于uib下拉列表,我添加的是open=false,它帮助我:
<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>
行动
-
-
我无法构建当前要测试的代码示例,但您是否尝试过使用ngRepeat$last
代替打开的?它可能比您当前拥有的要简单。您需要停止事件的传播,这样accordion就不会得到它event@MatthewGreen如果我使用$last,则最后一个手风琴始终处于打开状态,即使在最后加载页面之后也是如此。