首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将显示角度图元自定义图元,但不显示项目中的其他构件

将显示角度图元自定义图元,但不显示项目中的其他构件
EN

Stack Overflow用户
提问于 2019-07-10 01:20:23
回答 1查看 96关注 0票数 0

我正在尝试使用Angular元素从AngularJS迁移,并有一个AE自定义组件工作,我做了一个合并,但它停止工作。

加载自定义元素后,我可以看到其中的文本,但是,我看不到任何我的角度组件或角度材质组件。构造函数和ngOnInit都会触发。所以它似乎既找不到我的组件,也找不到角度材料。

app.module.ts

代码语言:javascript
运行
复制
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

代码语言:javascript
运行
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2019-07-10 23:35:25

事实证明,在其中一个组件中存在空注入(位置)错误。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56957696

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档