Установите div по умолчанию активным

Question

У меня есть 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>

Answer 1

Не могли бы вы просто инициировать переменную show в разметке, как показано ниже?

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