javascript - 在 angularjs 之外访问 $state

Question

我有一个 angularjs 应用程序。该应用程序应该是适用于 Android 和 iOS 的混合移动应用程序。我在项目中有一个 JavaScript 文件，它不属于任何模块。在该 JavaScript 文件中，我需要通过 $state 或任何加载 Controller 的方法调用相应的模板 URL。

对于 $scope，我在 angularjs 项目之外找到了很多访问它的方法，但对于 $state 却找不到相同的方法。

Answer 1

我们可以使用java脚本

window.location.href //to change location 

例如: 假设现在我在 https://www.google.co.in/

现在我想导航到https://news.google.co.in/

我们可以简单的写

window.location.href ="https://news.google.co.in/"

它将导航到那个页面

现在在你的项目中你可能已经这样定义了你的路由

function routeConfig($stateProvider, $urlRouterProvider, $httpProvider) {
$stateProvider
  .state('landing.home', {
    url: '/home',
    templateUrl: "app/components/homeFolder/home.html",
    controller: 'homeController',
    controllerAs: 'homec'
  })
  .state('landing.hometwo', {
    url: '/home1',
    templateUrl: "app/components/OnHand/Templates/OnHandhome.html",
    controller: 'OnHandController',
    controllerAs: 'Onhand'
  })

  })

现在，如果您在 angularjs Controller 中，您只需使用

 $state.go('landing.home');// to navigate to your required location 

但是如果你不在 angularjs 模块中，你可以更改 window.location 以导航到所需的页面

例如实现---$state.go('landing.home');你可以写

window.location.href ="https:complete url"

否则

window.location.hash ="#/home1" //the url which is defined for that state