如何使组件的包装成为ngBoostrap Popover?

时间:2018-09-04 07:55:41

标签: angular angular6 ng-bootstrap

我的ngBoostrap角项目中有一个子组件,我希望当有人单击该组件时打开popOver。

该组件是通过编程方式创建的,因此向html-wrapper添加属性并非易事。

let componentRef = this.someVar.viewContainerRef.createComponent(componentFactory);

我尝试在主机属性中添加必要的属性:

  host: {
    "placement": "left",
    "popoverTitle":"Links",
    "ngbPopover": "test",
  }

或类似的内容:

  @HostBinding('ngbPopover') private test: string = "Test";
  @HostBinding('placement') private placement: string = "left";
  @HostBinding('popoverTitle') private popoverTitle: string = "Test";

但这似乎不起作用。有没有没有在组件内部创建另一个元素的方法来实现这一目标?

0 个答案:

没有答案