Question

我有一个带复选框的bootstrap下拉列表。我想在Angular中使用它。

http://codepen.io/bseth99/pen/fboKH（我不使用其中的任何javascript，我将下拉列表包装在一起）

<form>
    <div class="container" ng-controller="HomepageController">
      <div class="row">
           <div class="col-lg-12">
         <div class="button-group">
            <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-cog"></span> <span class="caret"></span></button>
    <ul class="dropdown-menu">
      <li><a href="#" ng-click="callMe()" class="small" data-value="option1" tabIndex="-1"><input type="checkbox"/>&nbsp;Option 1</a></li>
      <li><a href="#" ng-click="callMe()" class="small" data-value="option2" tabIndex="-1"><input type="checkbox"/>&nbsp;Option 2</a></li>
      <li><a href="#" ng-click="callMe()" class="small" data-value="option3" tabIndex="-1"><input type="checkbox"/>&nbsp;Option 3</a></li>
    </ul>
      </div>
    </div>
      </div>
    </div>
</form>

Inside HomepageController：

$scope.callMe = function (event){
 event.preventDefault();
return false;
}

我注意到，无论何时单击选项或复选框中的任何位置，它都会重定向并刷新页面以转至/＃。我试着在“a”标签上点击一下，这样它就会在控制器中调用一个“返回false”的函数，没有运气。页面仍然重定向。如何防止页面重定向并输出选中的“选项”？

问题是......

我希望检查一个方框来触发事件。
当我点击复选框时，复选框似乎没有实际检查。
在点击任何单个选项后，想要确保我可以在没有下拉关闭的情况下检查多个框。

Answer 1

使用

<a href="javascript:void(0)" ....>

它本质上是一种无操作，不会导致导航。

如何有角度的bootstrap下拉？

1 个答案: