Question

我刚刚被分配到SPA（angularJS）项目，其中使用传统的ngRoute维护视图路由。现在我不允许将所有路由移动到基于状态的'UI.Routing'但是他们允许我可以使用ui路由与我将添加到当前代码库的新功能。所以我在想是否有方法我可以在ng-routing应用程序中使用ui.routing。

我只是在一个示例应用程序上做R＆amp; D，我已经放了一个ng-view然后在一个特定的视图里面我试图做ui-view但是还没有得到任何积极的回应。所以我只是想知道它真的会起作用，或者我只是在浪费我的时间。

<!DOCTYPE html>
<html ng-app="app">
<head>
    <title>UI Router with ngRoute</title>
	<meta charset="utf-8" />
</head>
<body>


    <div ng-view="">

    </div>

    <!-- Vendor Scripts -->
    <script src="vendor/angular/angular.min.js"></script>
    <script src="vendor/angular-route/angular-route.min.js"></script>
    <script src="vendor/angular-ui-router/release/angular-ui-router.min.js"></script>

    <script src="app/app.js"></script>
    <script src="app/settings/routing.js"></script>
    <script src="app/settings/uiRouting.js"></script>
</body>
</html>

enter code here
angular.module('app', [
    // Angular modules 
    'ngRoute',

    // Custom modules 

    // 3rd Party Modules
    'ui.router'
]);



enter code here
routeManager.$inject = ['$routeProvider'];

function routeManager($routeProvider) {
    $routeProvider
        .when('/home', {
            templateUrl: 'app/settings/shell.html'
        }).otherwise({
            redirectTo: '/home'
        });
}

angular
    .module('app')
    .config(routeManager);

enter code here
routeManager.$inject = ['$stateProvider','$urlRouterProvider'];

function routeManager($stateProvider, $urlRouterProvider) {
    $stateProvider
        .state('test', {
            url: '/test',
            template: 'Mashallah'
        });

    $urlRouterProvider.when('', '/test');
}

angular
    .module('app')
    .config(routeManager);

希望得到肯定的答复谢谢

我可以在内部和'ng-view'部分页面中加入'ui-view'吗？

0 个答案: