子组件模板未呈现

时间:2018-03-16 10:42:06

标签: angular jhipster

我用jhipster创建了一个全新的项目,使用角度,国际化和maven。 该项目编译和运行没有任何问题。 比我创建了一个新的角度组件:

ng generate component my-new-component

我将该组件包含在src / main / webapp / app / layouts / main / main.component.html

<jhi-page-ribbon></jhi-page-ribbon>
<div>
<router-outlet name="navbar"></router-outlet>
</div>
<div class="container-fluid">
<div class="card jh-card">
    <router-outlet></router-outlet>
    <router-outlet name="popup"></router-outlet>
</div>
<jhi-footer></jhi-footer>
<jhi-my-new-component></jhi-my-new-component>
</div>

以及src / main / webapp / app / home / home.component.html

<div class="row">
<div class="col-md-3">
    <span class="hipster img-fluid rounded"></span>
</div>
<div class="col-md-9">

         <h1 class="display-4" jhiTranslate="home.title">Welcome, Java Hipster!    </h1>
      <jhi-my-new-component></jhi-my-new-component>
    <p class="lead" jhiTranslate="home.subtitle">This is your homepage</p>

正确呈现main.component.html中的组件。 但在第二种情况下,home.component.html会渲染组件标记,但不会渲染组件的模板。

任何建议都会非常感激。

一些信息:

  

在当前项目的node_modules中使用本地安装的JHipster版本   4.14.1

     

我们的全局Angular CLI版本(1.7.3)大于您的本地版本   版本(1.6.6)。使用本地Angular CLI版本。

0 个答案:

没有答案