小编Iho*_*hyk的帖子

如何在 entryComponents 另一个模块中使用模块中的组件?

我有ngx-bootstrap模态组件。此模式在shared文件夹内使用。FirstModalComponentDashboardModule喜欢用这个:

// Dashboard.module.ts
import { FirstModalComponent } from '../../shared/modals/first-modal/first-modal.component';

@NgModule({
  declarations: [
    DashboardComponent
  ],
  imports: [
    CommonModule,
    ReactiveFormsModule,
    RouterModule.forChild(routes),
    SharedModule
  ],
  entryComponents: [
    FirstModalComponent 
  ]
});
Run Code Online (Sandbox Code Playgroud)

如果我想制作我的FirstModalComponentas 模块,我应该如何在 my 中实现它并在中DashboardModule定义它entryComponents

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { FirstModalModule } from './first-modal/first-modal.module';

@NgModule({
  declarations: [],
  imports: [
    CommonModule,
    FirstModalModule
  ],
  exports: [
    CommonModule,
    FirstModalModule
  ]
})
export class ModalsModule { …
Run Code Online (Sandbox Code Playgroud)

javascript angular ngx-bootstrap-modal

5
推荐指数
1
解决办法
4125
查看次数

我如何在悬停时设置 SVG <use> 元素的样式?

我是 SVG 的初学者。我正在尝试使用 css更改<use>悬停在特定元素上的多个元素的样式<use>,但我不能,因为<use>元素使用Shadow DOM.

我有以下几点<defs>

<defs>
    <filter id="Sjax0b81q1" filterUnits="userSpaceOnUse">...</filter>
    <circle cx="0" cy="0" r="40" id="action-circle" style="cursor: move; fill: #fff;" filter="url('#Sjax0b81q1')" class="el action-el"></circle>
    <g id="condition-rhombus" style="cursor: move; fill: #fff;" class="el condition-el" transform="matrix(1,0,0,1,0,0)">
        <circle cx="0" cy="0" r="40" fill="none"></circle>
        <path d="M -35 0, L 0 -35, L 35 0, L 0 35 L -35 0" style="stroke-linecap: round; stroke: white;" filter="url('#Sjax0b81q1')" class="condition-rhombus"></path>
    </g>
    <g id="svg-plus-button">
        <circle cx="0" cy="40" r="10" id="svg-plus-circle" fill="none" style="fill-opacity: 1;" class="svg-plus-circle"></circle> …
Run Code Online (Sandbox Code Playgroud)

javascript css svg xlink snap.svg

3
推荐指数
1
解决办法
1661
查看次数

标签 统计

javascript ×2

angular ×1

css ×1

ngx-bootstrap-modal ×1

snap.svg ×1

svg ×1

xlink ×1