用ng-repeat动态添加UI Bootstrap下拉菜单

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

<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>

的问题是如果有多个下拉菜单，点击会导致所有下拉菜单被触发，并且可能非常容易，但是我很难用它。

感谢所有帮助

/问候克里斯

来源

2015-02-23 Kristofer

的问题是is-open="ctrl.isOpen"。您正在使用ctrl绑定全部的开头。它应该被绑定到每个重复有所不同的东西，即类似is-open="item.isOpen"

来源

2015-02-23 22:36:39 basarat

感谢您的及时回复。我知道这将是我的一个非常愚蠢的错误。谢谢！另外：我看过你的一些教程（显然不够），对于像我这样的初学者来说，它们非常棒。 – Kristofer 2015-02-23 22:53:53

用ng-repeat动态添加UI Bootstrap下拉菜单

回答

相关问题