Javascript angularJS中的状态提供程序和路由提供程序

下面是我的app.js文件

angular
  .module('repoApp', [
    'ngAnimate',
    'ngAria',
    'ngCookies',
    'ngMessages',
    'ngResource',
    'ngRoute',
    'ngSanitize',
    'ngTouch',
    'ui.bootstrap',
    'ui.router'
  ])
  .config(function ($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/main.html',
        controller: 'MainCtrl'
      })
      .when('/about', {
        templateUrl: 'views/about.html',
        controller: 'AboutCtrl'
      })
      .when('/login', {
        templateUrl: 'views/loginPage.html',
        controller: 'loginCtrl'
      })
      .otherwise({
        redirectTo: '/'
      });
  });
angular
  .module('loginState',['ui.router']);

下面是我的州档案

angular
  .module('repoApp')
  .config(function ($stateProvider) {

      $stateProvider.state('home1', {
        url:'/home1',
        templateUrl: 'views/modals/test.html'
      })
      .state('secondState',{
        url:'/secondState',
        templateUrl: 'views/modals/secondStateTest.html'
      });
  });

问题是，我使用html导航到登录页面

<ul class="nav navbar-nav">
              <li class="active"><a href="#/">Home</a></li>
              <li><a ng-href="#/about">About</a></li>
              <li><a ng-href="#/">Contact</a></li>
              <li class="loginShift"><a ng-href="#/login">Login</a></li>
            </ul>

但是我不能打到家乡。 如果我更改我的状态文件，即

$stateProvider.state('home1', {
            url:'/login',
            templateUrl: 'views/modals/test.html'
          })

这里我改变了网址。现在很好用

我有一个模板，我想从中导航到下一个状态

<div>
<button data-ng-click="openDialog()">open ME!</button>
<div><a ui-sref="secondState">click here</a></div>
</div

打开我！
点击这里
您不应该同时使用
ngRoute
和
UI路由器
。以下是UI路由器的示例代码：


repoApp.config（函数（$stateProvider，$urlRouterProvider）{
$stateProvider
.州（“州1”{
url:“/state1”，
templateUrl:“partials/state1.html”，
控制器：“YourCtrl”
})
.州（“州2”{
url:“/state2”，
templateUrl:“partials/state2.html”，
控制器：“YourOtherCtrl”
});
$urlRouterProvider。否则（“/state1”）；
});
//等。
请避免任何标记错误，如遗漏符号等。需要知道功能问题。我不会同时使用
ngRoute
和
ui.router
；它们是解决同一问题的两种不同方法。我认为
$routeProvider。否则
规则将阻止您的状态配置工作
<div>
<button data-ng-click="openDialog()">open ME!</button>
<div><a ui-sref="secondState">click here</a></div>
</div