angular-ui-routerng-admin

ng-admin doesn't initialize in another ui-view


I have faced a problem that ng-admin is not rendering inside simple ui-view.

Here is the code:

$stateProvider
    .state('home', {
        url: '/',
        template: homeTemplate
    })
    .state('login', {
        url: "/login",
        template: loginTemplate,
        controller: 'LoginController',
        controllerAs: 'vm'
    })
    .state('register', {
        url: "/register",
        template: "<div>Register is under maintenance</div>",
    })
;

And here is Html:

<html ng-app="myApp">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Admin-tool</title>
    <meta name="google" value="notranslate">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--<link rel="shortcut icon" href="favicon.ico" />-->
</head>
<body ng-strict-di class="main-content">

    <div id="content-body" class="content">

        <div ui-view=""></div>

    </div>

    <pg-footer></pg-footer>

</body>

Also there is an info message

WARNING: Tried to load angular more than once.

Maybe this is the case? Could you please point me out why it doesn't even render ng-admin simple page?

In browser it just looks like:

<!-- uiView: -->
<div ui-view="" class="ng-scope"></div>

Solution

  • Well, ng-admin has it's own routing so it was needed to make login rout and default on which ng-admin initialize. If it's needed to make custom pages inside ng-admin you just need to specify that in your state like this: parent: 'ng-admin'