在另一个组件ui-view中添加组件

Question

登录表单后，我将视图更改为主页

这是我的家.js

$key = array_search(40489, array_column($userdb, 'uid'));

home.html的

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);

我希望在显示主页时我想默认显示listTemplates

<h3>home</h3>

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

这是代码工作，我没有任何错误

当我重定向到家时感谢

，默认情况下如何在家中使用listTemplates

我应该在app.js内配置这种重叠吗？

Answer 1

  

尝试更改

 $urlRouterProvider.otherwise('/home');

  

要

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

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

OR

  

使用此功能。

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