Отображает пользовательский элемент угловых элементов, но не другие компоненты в проекте - PullRequest
Новая
       19

Отображает пользовательский элемент угловых элементов, но не другие компоненты в проекте

0 голосов
/ 09 июля 2019

Я пытаюсь использовать Angular Elements для перехода с AngularJS, и у меня работает пользовательский компонент AE, я произвел слияние, и он перестает работать.

Пользовательский элемент загружается, и я вижу текст из негоОднако я не вижу ни одного из моих угловых компонентов или компонентов углового материала.Конструктор и ngOnInit оба запускаются.Так что не могу найти ни мои компоненты, ни угловой материал.

app.module.ts 

import { D6LargeMenuItemComponent } from "./component/d6-large-menu-item/d6-large-menu-item.component";
import { LargeMenuComponent } from "./component/large-menu/large-menu.component";
import { BrowserModule } from "@angular/platform-browser";
import { NgModule, Injector } from "@angular/core";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import {
  MatCardModule,
  MatButtonModule,
} from "@angular/material";

import { createCustomElement } from "@angular/elements";
import { D6OrderComponent } from "./component/d6-order/d6-order.component";

    @NgModule({
      declarations: [
        D6OrderComponent,
        LargeMenuComponent,
        D6LargeMenuItemComponent
      ],
      imports: [
        BrowserModule,
        BrowserAnimationsModule,
        MatButtonModule,
        MatCardModule
      ],
      entryComponents: [D6OrderComponent],
      providers: []

      // bootstrap: [AppComponent]
    })
    export class AppModule {
      constructor(injector: Injector) {
        const d6Order = createCustomElement(D6OrderComponent, { injector });
        customElements.define('d6-order', d6Order);
      }
      ngDoBootstrap() { }
    }

d6-order.companent.html 

<div>
  <!-- this shows up -->
  d6-large menu 4
  <!-- this shows up -->
  <button mat-button color="primary">Primary</button>
  <!-- this shows up -->
    <button>dumb button</button>

  <d6-large-menu [itemList]='itemList'></d6-large-menu>
</div>

1 Ответ

0 голосов
/ 10 июля 2019

Оказалось, что в одном из компонентов произошла ошибка NULL (Location).

...