URL не должен меняться при переходе с одной страницы на другую

Question

Я создаю проект с использованием платформы Code Igniter и Angula Js. В этом проекте всякий раз, когда я перехожу с одной страницы на другую, имя страницы отображается в URL. И страница также видна во вкладке истории. Я просто хочу, чтобы всякий раз, когда я перемещался с одной страницы на другую, URL-адрес не должен манипулировать, и на нем должно отображаться только имя проекта, а соответствующая страница не должна отображаться на вкладке истории. Я пытался в какой-то степени, и я смог уменьшить URL-адрес до имени страницы (т.е. я смог удалить имя контроллера и функции, но я не могу удалить имя страницы.) Я исследовали и узнали, что имя страницы меняется, потому что одна страница передает идентификатор на другую страницу через имя.

При этом возникла еще одна проблема, , то есть из-за основной Контроллер группы классов Контроллер (контроллер страницы группы классов) не работает. Итак, что я могу сделать, чтобы имя страницы не отображалось в URL.

Пример кода

  <div ng-controller="ClassGroupCtrl">
  <div class="content-wrapper" style="padding-top: 15px;">
 <!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    CLASS GROUP MASTER
  </h1>
  <ol class="breadcrumb">
        <li><a href="<?php echo site_url();?>Home/MainMenu">Home</a></li>
        <li><a href="<?php echo site_url();?>Home/MainMenu">ADMISSION</a> 
  </li>
        <li><a href="<?php echo site_url();?>Home/MainMenu">SETUP</a></li>
        <li class="active">CLASS GROUP</li>
  </ol>
</section>
    <!-- Main content -->
<div>
<section class="content">
    <div class="row">
    <div class="col-md-12">
      <div class="box box-primary">
        <!-- HEADER -->
           <div class="box-header with-border">
              <ul class="nav nav-tabs" role="tablist">
                 <li class="nav-item">
                   <a class="nav-link"  href="" ng-click="showiudDiv()"><i 
                       class="fa fa-refresh"></i>  New</a>
                 </li>
                 <li class="nav-item">
                <a class="nav-link" href="" ng-click="browse()"><i class="fa 
                         fa-search"></i>  Browse</a>
                 </li>
                 <li class="nav-item">
                   <a class="nav-link"  href=""><i class="fa fa-line-chart"> 
                 </i>  Report</a>
                 </li>
              </ul>
           </div>


             <!-- MESSAGE DISPLAY -->



        <!-- BODY -->
      <div id="iudDiv">
         <center><h4 style="color: green;">{{data.msg}}</h4></center>
          <div class="col-md-6" ng-model="cdnm">

                <div class="box-body">
                  <input type="text" ng-model="row_id" hidden="hidden" ng- 
                          value="data.row_id">
                    <div class="form-group">
                        <label for="exampleInputEmail1">Code</label>
                         <input type="number" class="form-control"  
                                   placeholder="Code" ng-model="classgrp_cd" 
                         ng-value="data.classgrp_cd" disabled="disabled">
                    </div>
                    <div class="form-group" >
                          <label for="groupname">Group Name<span class="fa 
                              fa-asterisk" style="color: orange;"></span> 
                          </label>
                          <input type="text" class="form-control"  
                           placeholder="Group Name"  ng-model="classgrp_nm"  
                            ng-value="data.classgrp_nm">
                    </div>
                </div>     
          </div>
          <div class="col-md-6">
                <div class="box-body">
                    <div class="form-group">
                          <label for="exampleInputEmail1">Sequence</label>
                          <input type="number" class="form-control"  
            placeholder="Code" ng-model="classgrp_seq"  ng-value="data.classgrp_seq">
                    </div>
                    <div class="form-group" >
                          <label for="groupname">Remark<span class="fa fa- 
     asterisk" style="color: orange;"></span></label>
                          <input type="text" class="form-control"  placeholder="Group Name"  ng-model="classgrp_remark" ng-value="data.classgrp_remark">
                    </div>
                </div>                             
          </div>

          <button ng-if="data.row_id == null" ng-click="insert()" id="submit" class="btn btn-primary">SUBMIT</button>
          <button ng-if="data.row_id != null" ng-click="update(data.row_id)" id="update" class="btn btn-primary">UPDATE</button>
          <button ng-if="data.row_id != null" ng-click="delete(data.row_id,data.classgrp_cd)" id="delete" class="btn btn-primary">DELETE</button>

    </div>

    <div id="browseDiv">

        <div class="col-md-12">
              <div class="box-body">

              <table id="myTable" class="table table-bordered table-striped">
                  <thead>
                  <tr>
                    <th>Code</th>
                    <th>Name</th>
                    <th>Sequence No.</th>
                    <th>Remark</th>                       
                    <th>Edit</th>
                  </tr>                    
                  </thead>
                  <tbody  id="myTable">                  
                    <tr  ng-repeat='tdata in tableData'>                    
                      <td>{{tdata.classgrp_cd}}</td>
                      <td>{{tdata.classgrp_nm}}</td>
                      <td>{{tdata.classgrp_seq}}</td>
                      <td>{{tdata.classgrp_remark}}</td>
                      <td><button ng-click="edit(tdata.row_id)"  class="btn 
                          btn-primary">EDIT</button></td>
                    </tr>
                  </tbody>
              </table>

              </div>                             

        </div>
     </div>

                  <!-- FOOTER -->
           <div class="box-footer">

             </div>

                    </div><!-- BOX OVER -->
                   </div><!-- col 12 OVER -->
                   </div><!-- row OVER -->
                    </section><!-- section OVER -->
                    </div><!-- Main content div OVER -->

                     </div>
                     </div>

             /////////main.php////////

            <!DOCTYPE html>
           <html id="controlTag">
          <head>
      <meta charset="UTF-8">
      <title>AdminLTE 2 | User Profile</title>

       <script data-require="angular.js@*" data-semver="1.3.0-beta.5" 
       src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular-route.min.js">
  </script>                                                                              
<script src="<?php echo base_url();?>assets/dist/js/myJS.js"></script>

</head>
<body class="hold-transition skin-blue sidebar-mini">
<div class="wrapper" ng-app="MainModule" ng-controller="MainCtrl">


  <!-- Aside Menu Bar -->
   <div>
   <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- Sidebar user panel -->
      <div class="user-panel">
       <!--  <div class="pull-left image">
          <img src="<?php echo base_url();?>assets/dist/img/user2- 
            160x160.jpg" class="img-circle" alt="User Image">
        </div> -->
        <div class="" style="color: white;text-align: center;">
          <p> User : Administrator<br>Year : 2019-20 </p>

        </div>


      </div>

      <ul class="sidebar-menu">
        <li class="header" style="color: white;text-align: center;">MAIN 
         MENU</li>

        <!-- 1. ADMISSION Menu-->
        <li class="treeview">
          <a href="#">
              <i class="fa fa-graduation-cap"></i> <span>ADMISSION</span> 
                <i class="fa fa-angle-left pull-right"></i>
          </a>
          <ul class="treeview-menu">
            <li>
              <li class="treeview">
                <a href="#">
                <i class="fa fa-sliders"></i> <span>SETUP</span> <i 
                 class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">

                <li><a href="" ng-click="openClassGroup()"><i class="fa 
                 fa-circle-o"></i>Class Group </a></li>
                <li><a href="<?php echo site_url();?><?php 
                  echo("testCity")?>"><i class="fa fa-circle-o"></i>Class 
                </a></li>

                <li><a href="<?php echo site_url()?><?php 
           echo("testcity")?>" ><i class="fa fa-circle-o"></i>City </a> 
                </li>
                <li><a href="<?php echo site_url();?>/Home/Busareamaster"><i class="fa fa-circle-o"></i>Bus Area </a></li>
                <li><a href="<?php echo site_url();?><?php echo("testReligion")?>"><i class="fa fa-circle-o"></i>Religion </a></li>
                </ul>
            </li>
            <li>
              <li class="treeview">
                <a href="#">
                <i class="fa fa-exchange"></i> <span>TRANSACTION</span> <i class="fa fa-angle-left pull-right"></i>
                </a>
                <ul class="treeview-menu">
                <li><a href="../../index.html"><i class="fa fa-circle-o"></i>Admission </a></li>

                </ul>
            </li>


            </li>

          </ul>
        </li>
       </ul>
    </section>
    <!-- /.sidebar -->
  </aside>

<div id="classgroup"></div>

</div>

my js. js

var main = angular.module('MainModule', []);
main.controller('MainCtrl', ['$scope','$http',
  function($scope,$http,ClassGroupFactory){
     console.log("in mainCtrl");
     $scope.openClassGroup = function(){
         console.log("in open ClassGroup");    
         var request = $http({
           method: "post",
           url : base_url+"Home/open",
           data: {             
             page:"testClassGroup"
           },
           headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
         });
         request.success(function (responce) {     
           document.getElementById("classgroup").innerHTML = responce;        
         });
     }