ページ間でngRouteがランダムに切り替わります

Question

数時間前にアプリケーションが正常に動作していました。そして今、ページに入ってイベントをトリガーすると、アプリケーションはメインメニューに戻ります。

私はこのようなngRouteを使用しています：

app.js

angular.module('starter', ['ionic', 'ngRoute', 'starter.homeController', 'starter.clientsController', 'starter.jargonController', 'starter.toolsController', 'starter.welcomeController']) 

.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/home'); 

$stateProvider 

    .state('home', { 
     url: '/home', 
     templateUrl: 'templates/home.html', 
     controller: 'homeController' 
    }) 
    .state('welcome', { 
     url: '/welcome', 
     templateUrl: 'templates/welcome.html', 
     controller: 'welcomeController', 
     css: 'css/welcome.css' 
    }) 

    .state('jargon', { 
     url: '/jargon', 
     templateUrl: 'templates/jargon.html', 
     controller: 'jargonController', 
     css: 'css/jarg.css' 


    }) 


    .state('tools', { 
     url: '/tools', 
     templateUrl: 'templates/tools.html', 
     controller: 'toolsController', 
     css: 'css/tools.css' 
    }) 

      .state('clients', { 
     url: '/clients', 
     templateUrl: 'templates/clients.html', 
     controller: 'clientsController', 
     css: 'css/clients.css' 

    }); 
}); 

Index.htmlと

 <script src="lib/angular/angular.js"></script> 
    <script src="lib/angular-route/angular-route.js"></script> 
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/0.11.2/angular-material.min.css"> 
    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 
    <script src="js/plugins/ionic.swipecards.js"></script> 
    <script src="lib/ngCordova/dist/ng-cordova.js"></script> 
    <script src="cordova.js"></script> 
    <link href="https://code.jquery.com/jquery-1.10.2.js"> 
    <script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"> </script> 
    <script src="js/app.js"></script> 
    <script src="js/controllers/jargonController.js"></script> 
    <script src="js/controllers/homeController.js"></script> 
    <script src="js/controllers/toolsController.js"></script> 
    <script src="js/controllers/welcomeController.js"></script> 
    <script src="js/controllers/clientsController.js"></script> 
    <link href="css/jarg.css" rel="stylesheet" /> 
    <link href="css/welcome.css" rel="stylesheet" /> 
    <link href="css/tools.css" rel="stylesheet" /> 
    <link href="css/home.css" rel="stylesheet" /> 
    <link href="css/clients.css" rel="stylesheet"/> 
<link href="//code.ionicframework.com/nightly/css/ionic.css" `rel="stylesheet">` 
<script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script> 
<script src="http://code.ionicframework.com/collide/0.0.4/collide.js"></script> 
<script src="http://www.loringdodge.com/files/ionic.tdcards2.js"></script> 
<script src="lib/angular-touch/angular-touch.js"></script> 
<script src="lib/angular-animate/angular-animate.js"></script> 

のwelcome.html

<ion-header-bar class="bar bar-header bar-calm"> 
    <h1 class="tit">Bienvenue!</h1> 
     <fab-button class="button icon ion-home pull-right" id="button" ui-sref="home"></fab-button> 
</ion-header-bar> 
<div class="item" href="#/welcome"></div> 
<ion-content ng-controller="welcomeController" style="margin-top: 25px"> 
     <div class="contenu1"> 
      <p>Salut, Welcome, Bienvenue chez <div class="jargon-item"><a href="#" ng-model="collapsed1" ng-click="collapsed1=!collapsed1">R2A</a></p> 
      <div ><font class="boxed" ng-show="collapsed1">Rhone-Alpes Auvergne</font></div></div> 
     <p>Nous sommes ton equipe de Welcomers, nous allons t'accompagner pour ta première journée.</p> 
     </div> 
    </ion-scroll> 
</ion-content> 
<ion-footer-bar class="bar"> 
    <img src="img/Imag.png" class="test2" /> 
    <img src="img/Test3.png" class="test"/> 
</ion-footer> 

WelcomeController：だから問題は、私はR2Aをクリックすると、ある

angular.module('starter.welcomeController', ['ionic']) 
.controller('welcomeController', function ($scope) { 
}); 

、collapsedが現れるが、その後のページに戻る/ホームに戻ります。 誰でも私を助けることができますか？

Answer 1

<a href="#" ng-model="collapsed1" ng-click="collapsed1=!collapsed1">R2A</a> 

アンカータグには、角度ルータによって傍受される '＃'としてのhrefが含まれています。ビューの内容を切り替えるには、hrefをjavascript：void（0）に変更するか、アンカーの代わりにボタンを使用します。