Question

这是我的材料对话框。

public class ClassToBeTestedTest {

    @Mock
    private EventPublisher eventPublisher;

    @InjectMocks
    private ClassToBeTested classToBeTested;

    @Before
    public void init() {
        initMocks(this);
    }

    @Test
    public void testSend() throws Exception {


        classToBeTested.doSomething(Arrays.asList());


        ArgumentCaptor<SomeClass> captor = ArgumentCaptor.forClass(SomeClass.class);
        verify(eventPublisher).publishEvent(captor.capture());
        assertThat(captor.getValue(), is("expected value"))
    }

}

在应用程序容器组件模板中，还有3个其他组件。

<h1 mat-dialog-title>Title</h1>

<mat-dialog-content>

  <app-container> </app-container>

</mat-dialog-content>

这三个容器位于可滚动的MatDialog中。我希望app-container2保持粘性或固定在其位置，以便在对话框中滚动时始终看到app-container2。

<app-container1> </app-container1>
<app-container2 class="sticky"> </app-container2>
<app-container3> </app-container3> 
<!-- app-container 3 contains a list of items iterated over *ngFor -->

我不知道我在做什么错。请帮帮我。

Answer 1

对话框面板的样式及其内容必须属于通过对话框配置的“ panelClass”选项指定的类：

.dialogPanel .sticky {
    position: fixed;
}

this.dialog.open(MyDialog, { panelClass: 'dialogPanel' });

Angular 5材质-对话框中的粘性Div /组件

1 个答案: