Question

我是使用AngularJS和UI Bootstrap的新手，我正在尝试使用ng-repeat动态添加下拉列表。问题是，当点击任何一个下拉列表时，它会触发所有这些下拉列表。我猜我正在用我的代码做一些非常愚蠢的事情，如果有人能指出我正确的方向如何使代码工作，我将不胜感激：

<div class="form-group" data-ng-repeat="item in ctrl.items">
<div class="col-sm-4">
    <input type="text" class="form-control" placeholder="" name="itemDescription" data-ng-model="item.description">
</div>
<div class="col-sm-5">
    <div class="input-group">
        <input type="tel" class="form-control" placeholder="" name="value" data-ng-model="item.value">
        <div class="input-group-btn" dropdown is-open="ctrl.isOpen">                
            <button type="button" class="btn btn-default dropdown-toggle" dropdown-toggle>Dropdown <span class="caret"></span></button>
            <ul class="dropdown-menu dropdown-menu-right" role="menu">
                <li></li>
            </ul>
        </div>
    </div>
</div>

问题是，如果有一个以上的下拉列表，点击会导致所有下拉列表被触发，这可能非常简单，但我很难用它。

感谢任何帮助

/问候克里斯

Answer 1

问题是is-open="ctrl.isOpen"。您正在使用ctrl绑定所有的开头。它应该绑定到每个重复的不同内容，例如is-open="item.isOpen"

使用ng-repeat动态添加UI Bootstrap下拉列表

1 个答案: