默认情况下将div设置为活动

时间:2018-11-29 16:52:54

标签: html css angularjs

我有3个div和3个按钮,每个单击的按钮都显示一个div,但是我想实现的目标是将div-nr1设置为默认显示 这是即时通讯使用的角度代码...

 var app = angular.module('app',[]);
    app.controller('Test',function($scope){
            $scope.show = 1;    
    });

这是按钮

<ul>
              <li class="has-subnav" ng-click="show = 1">
                <a routerLink="/dashboard">
                          <i class="fa fa-home fa-2x"></i>
                      </a>

              </li>
              <li class="has-subnav" ng-click="show = 2">
                <a routerLink="/projects">
                          <i class="fa fa-laptop fa-2x"></i>   
                      </a>
              </li>
              <li class="has-subnav"ng-click="show = 3" >
                <a routerLink="/teams" >
                          <i class="fa fa-users" aria-hidden="true"></i>
                      </a>
              </li>
             </ul>

这是div之一

<div class="information-boxes" ng-show="show==1">
           <ul class="box-docs" >
               <li>
                <div class="docImages">
                <img src="../assets/images/lp.png" alt="">
                </div>

1 个答案:

答案 0 :(得分:1)

您是否可以像下面这样在标记中初始化show变量?

<div ng-controller="MyController" ng-init="show=1">