Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 下拉菜单以手风琴打开_Angularjs_Drop Down Menu - Fatal编程技术网

Angularjs 下拉菜单以手风琴打开

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

我正在与angular合作,下一个问题是:我有一组手风琴,标题上有一个下拉菜单。我想将最后添加的元素扩展到手风琴组,因此我添加了一个额外的参数_isOpen,当我添加新元素时:_isOpen=true。一切正常,但手风琴标题上的下拉菜单和手风琴一样打开

以下是它在角度上的外观:

<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,则最后一个手风琴始终处于打开状态,即使在最后加载页面之后也是如此。