Javascript 如何在Angularjs中重定向到新状态？

嗨，我正在Angularjs开发SPA应用程序。这是我在Angularjs中的第一个应用程序。我有两个母版页。在第一个母版页中，当我单击一个选项卡时，我想重定向到另一个母版页。我正在Angularjs中使用UI路由。我完成了登录和注册模块，但这些模块应该在第二个母版页，但我有它在第一个母版页现在

下面是我的index.html第一个母版页文件

<ul id="nav">
  <li><a ui-sref="Registration.mainRegistration">{{ 'Registration' | translate }}</a></li>
  <li><a ui-sref="Registration.Login">Login</a></li>
  <li><a href="#">{{ 'Careers' | translate }}</a> </li>
  <li><a href="#">{{ 'Offers & Deals' | translate }}</a> </li>
  <li><a href="#">{{ 'Financial' | translate }}</a> </li>

---

我正处于发展的初级阶段。那么我可以知道这是可以实现的吗？任何帮助都将不胜感激。多谢各位

您的状态不应包含摘要：true。抽象状态通常在需要父视图和创建嵌套视图时创建

var app = angular.module('RoslpApp', ['pascalprecht.translate', 'ui.router', 'toastr']);
   app.config(function ($stateProvider, $urlRouterProvider, $translateProvider, $translatePartialLoaderProvider) {

     $stateProvider
        .state('registration', {
         url: '/registration',
         templateUrl: 'Registration/registration.html',
         controller: 'RegistrationController'
        })
        .state('login', {
         url: '/login',
         templateUrl: 'Registration/login.html',
         controller: 'LoginController'
        });

请参考ui sref中的状态，如下所示：

/All css,js and angular references.
    <script src="ForgotPassword/ForgotPasswordController.js"></script>
    <script src="ForgotPassword/ResetPasswordController.js"></script>
    <script src="ForgotPassword/OTPVerificationController.js"></script>
    <script src="ForgotPassword/ChangePasswordController.js"></script>
    //header 
    <ul id="nav">
    <li><a ui-sref="registration">{{ 'Registration' | translate }}</a></li>
    <li><a ui-sref="login">Login</a></li>
    <li><a href="#">{{ 'Careers' | translate }}</a> </li>
    <li><a href="#">{{ 'Offers & Deals' | translate }}</a> </li>
    <li><a href="#">{{ 'Financial' | translate }}</a> </li>
   </ul>
  <div ui-view></div>
    //Footer

/所有css、js和角度参考。
//标题





//页脚

---

在注册文件夹下创建registration.html和login.html。创建控制器文件注册控制器和登录控制器

$urlRouterProvider

已在

app.config

中声明两次。我把它拿走了。谢谢。@NiranjanGodbole您正在使用母版页，这意味着您正在使用两种不同的布局，具有相同的

？谢谢
这里我应该重定向到哪里？您应该为此创建另一个状态，并在ui sref中引用该状态名称。如果它是一个外部链接而不是您的angular页面，只需在href中使用该url。感谢您的工作。我应该在任何地方使用ui视图吗？但我想要没有以上链接的新状态。我指的是我想重定向的新页面。我将创建plunker以正确理解它。是的，您应该至少有一个ui视图。模板将在ui视图中呈现这是我的plunker。有一个财务报告选项卡。当我点击该页面时，我想用secondmasterpage.html重定向到新页面
/All css,js and angular references.
    <script src="ForgotPassword/ForgotPasswordController.js"></script>
    <script src="ForgotPassword/ResetPasswordController.js"></script>
    <script src="ForgotPassword/OTPVerificationController.js"></script>
    <script src="ForgotPassword/ChangePasswordController.js"></script>
    //header 
    <ul id="nav">
    <li><a ui-sref="registration">{{ 'Registration' | translate }}</a></li>
    <li><a ui-sref="login">Login</a></li>
    <li><a href="#">{{ 'Careers' | translate }}</a> </li>
    <li><a href="#">{{ 'Offers & Deals' | translate }}</a> </li>
    <li><a href="#">{{ 'Financial' | translate }}</a> </li>
   </ul>
  <div ui-view></div>
    //Footer