下拉切换以在正文/页面加载时打开

Posted 2023-02-19

【中文标题】下拉切换以在正文/页面加载时打开

【英文标题】：dropdown-toggle to open on body/page load

【发布时间】：2016-02-09 03:10:53

【问题描述】：

我在页面中有下拉切换。我正在使用 AngularJS。我想在页面加载时自动打开它。这是我的代码：

<div class="item dropdown customdrop" > 
  <a href="#" class="dropdown-toggle" >
    <img src="img/bell.png"> <span class="toggle-username">Alerts <i class="fa fa-caret-down"></i></span>   
  </a>    
  <ul class="dropdown-menu dropdown-menu-left" >
    <li class="dropdown-header">Notifications</li>
    <li class="divider"></li>
    <li>
      <div> <span class="text-left ndata">  Notifications </span>  <span class="text-right"> 5</span></div><br>
      <div> <span class="text-left ndata">  Notifications </span>  <span class="text-right"> 5</span></div><br>
      <div> <span class="text-left ndata">  Notifications </span>  <span class="text-right"> 5</span></div><br>
      <div> <span class="text-left ndata">  Notifications </span>  <span class="text-right"> 5</span></div><br>
      <div> <span class="text-left ndata">  Notifications </span>  <span class="text-right"> 5</span></div><br>
    </li>
  </ul>   
</div>

【问题讨论】：

***.com/questions/21563535/…

【参考方案1】：

您需要将is-open 选项添加到下拉列表中：

<div class="item dropdown customdrop" is-open="status.isopen"> 

并且你的控制器应该将它设置为默认打开：

.controller('MyCtrl', function ($scope) 
      $scope.status = 
            isopen: true
      ;
);

【讨论】：

我试过了，但不工作，不知道为什么，你能帮我解决这个问题