小编K.R*_*ice的帖子

我有一个组件,我希望它将数据传递给另一个模块中的另一个组件.实际上我app.component是这些儿童模块的父母.我希望每个子模块都能发送一些数据app.component.但他们只是一个路由的孩子和父母.我猜他们实际上并不是父母和孩子.

我的意思是,我的模板app.component看起来像这样:

  <div class="navbar-collapse collapse">
    <ul class="nav navbar-nav navbar-left">
      <li><a routerLink="link1" routerLinkActive="active">Page1</a></li>
      <li><a routerLink="link2" routerLinkActive="active">Page2</a></li>
      <li><a routerLink="link3" routerLinkActive="active">Page3</a></li>
      <li><a routerLink="link4" routerLinkActive="active">Page4</a></li>
    </ul>
  </div>
</nav>
<div *ngIf="needsSidebar" id="sidebar">some content</div>
<div>
  <router-outlet></router-outlet>
</div>

所以app.component与这些模块及其组件没有直接联系.我尝试使用,Output但由于组件来自不同的模块,它失败了.我迷失了,我应该怎么做.我希望我的"子"模块能够向上发送数据,app.module告诉它是否需要侧边栏以及哪些内容应该侧边栏显示.我该怎么做？

我正在尝试将我的图像粘在

 position: -webkit-sticky;
 position: sticky;
 top: 1px;

但无法实现。

HTML:

<mat-tab-group class="user-tabs"
    (selectedTabChange)="changeUserTab($event)">
  <mat-tab label="Selectable Tasks">
    <mat-tab-group class="user-chats"
        (selectedTabChange)="changeChatTab($event)">
        <mat-tab *ngFor="let chat of userData.chats; let i = index;">
           <img>
        </mat-tab>
    </mat-tab-group>
  </mat-tab>
</mat-tab-group>

我的选项卡里面有选项卡，是的。有人对此有解决方案吗？谢谢。

我使用Chrome进行开发，并且应用程序总是在那里快速加载。但是现在我尝试在Firefox上运行，加载过程花费了大约8秒钟，令人难以置信的暂停，甚至在加载过程中，甚至在图标集位置的预加载器都停止了一段时间。我已经使用性能mozila工具记录了加载过程，并多次调用了globalZoneAwareCallback，GC并多次调用了样式重新计算。我在chrome浏览器中得到了几乎相同的图片，只是样式没有重新编译那么多，但是为什么它比firefox这么快？是因为风格？如何修复Mozila中的载入效果？

我正在尝试配置故事书项目并收到奇怪的错误。错误：未捕获（承诺）：错误：无法匹配任何路由。网址段：“ iframe.html”

Error: Cannot match any routes. URL Segment: 'iframe.html'
    at ApplyRedirects.noMatchError (router.js:1719)
    at CatchSubscriber.selector (router.js:1684)
    at CatchSubscriber.error (catchError.js:104)
    at MapSubscriber.Subscriber._error (Subscriber.js:132)
    at MapSubscriber.Subscriber.error (Subscriber.js:106)
    at MapSubscriber.Subscriber._error (Subscriber.js:132)
    at MapSubscriber.Subscriber.error (Subscriber.js:106)
    at MapSubscriber.Subscriber._error (Subscriber.js:132)
    at MapSubscriber.Subscriber.error (Subscriber.js:106)
    at LastSubscriber.Subscriber._error (Subscriber.js:132)
    at ApplyRedirects.noMatchError (router.js:1719)
    at CatchSubscriber.selector (router.js:1684)
    at CatchSubscriber.error (catchError.js:104)
    at MapSubscriber.Subscriber._error (Subscriber.js:132)
    at MapSubscriber.Subscriber.error (Subscriber.js:106)
    at MapSubscriber.Subscriber._error (Subscriber.js:132)
    at MapSubscriber.Subscriber.error (Subscriber.js:106)
    at MapSubscriber.Subscriber._error (Subscriber.js:132)
    at MapSubscriber.Subscriber.error (Subscriber.js:106)
    at LastSubscriber.Subscriber._error (Subscriber.js:132)
    at resolvePromise (zone.js:824)
    at resolvePromise (zone.js:781)
    at zone.js:883
    at ZoneDelegate.invokeTask …

按下硬件后退按钮时如何防止默认导航？我试过了registerBackButtonAction,但是它覆盖了我不想要的每个页面中的后退按钮的行为.

这也没有帮助.

document.addEventListener("backbutton", (event) => {
      event.preventDefault();
  }, false);