hinzufügen Komponente innerhalb einer anderen Komponente ui-Ansicht

Question

Nach Anmeldungsformular ich meine Ansicht zur Homepage ändern

das ist mein home.js

import HomeComponent from './home.component'; 
import ListTemplatesComponent from 'listTemplates/listTemplates.component'; 
import angular from 'angular'; 
import uiRouter from 'angular-ui-router'; 

angular.module('home',[ 
    uiRouter 
]) 
    .config(($stateProvider, $urlRouterProvider)=> { 
    "ngInject"; 
    $urlRouterProvider.otherwise('/home'); 
    $stateProvider 
     .state('listTemplates', { 
     url: '/home', 
     component: 'listTemplates' 
     }); 

    }) 
.component('home',HomeComponent) 
.component('listTemplates',ListTemplatesComponent); 

home.html

<h3>home</h3> 

<h1>MENU</h1> 
<div ui-view></div> 

I möchte, wenn ich meine Homepage zeige Ich möchte standardmäßig anzeigen listTemplates

import ListTemplatesComponent from './listTemplates.component'; 
import angular from 'angular'; 
import uiRouter from 'angular-ui-router'; 

angular.module('listTemplates',[ 
    uiRouter 
]) 
    .config(($stateProvider, $urlRouterProvider)=> { 
    "ngInject"; 
    }) 
    .component('listTemplates',ListTemplatesComponent); 

mit diesem ist, Code seiner Arbeits und ich nicht einen Fehler haben

, wie durch Standardlisttemplates innerhalb von zu Hause haben, wenn ich zu Hause dank

soll ich dieses imbrication konfigurieren, innerhalb von app.js umleiten ??

Answer 1

Versuchen Änderung

$urlRouterProvider.otherwise('/home'); 

Um

$urlRouterProvider.otherwise(function($injector, $location) { 

       $location.path('/home'); 
      }); 

ODER

verwenden.

$urlRouterProvider.otherwise('home'); 
    $stateProvider 
     .state('home', { 
     url: '/home', 
     component: 'listTemplates' 
     });