小编Vla*_*d N的帖子

fullCalendar上有多个nowIndicators

由于nowIndicator的文档很少...有没有办法在同一页面上显示类似于nowIndicator的元素?

例如......我想从01:00开始显示一个绿色的,我想在12:00开始显示一个蓝色的

javascript jquery fullcalendar fullcalendar-scheduler fullcalendar-2

7
推荐指数
1
解决办法
290
查看次数

Angular 5 Testing返回错误

我对Angular项目遇到了一些麻烦.我正在学习Angular并且遇到各种各样的错误.

我的项目正在编译并运行良好,但每当我尝试运行"ng测试"以查看我的测试是否成功时,我会收到所有类型的错误.它们看起来像这样:

ERROR in ./node_modules/webdriver-js-extender/node_modules/selenium-webdriver/firefox/extension.js
Module not found: Error: Can't resolve 'fs' in '
Run Code Online (Sandbox Code Playgroud)

要么

ERROR in ./node_modules/tough-cookie/lib/cookie.js
Module not found: Error: Can't resolve 'net' in 
Run Code Online (Sandbox Code Playgroud)

等等.我读到了我应该添加目标的fs:webpack配置中的'node'.当我执行一个ng Eject时,webpack配置文件就有了这个

...
"node": {
    "fs": "empty",
...
Run Code Online (Sandbox Code Playgroud)

我的测试看起来像这样,我只附加了错误开始的部分:

it('should send credentials on submit', () => {
  let fixture = TestBed.createComponent(LoginComponent);
  let component: LoginComponent = fixture.componentInstance;
  let element = fixture.nativeElement;

  fixture.detectChanges();

  element.username = expectedUsername;


  element.query(by.id('login-username')).value = expectedUsername;
  element.query(by.id('login-username')).dispatchEvent(new Event('input'));
  element.query(by.id('login-password')).value = expectedPassword;
  element.query(by.id('login-password')).dispatchEvent(new Event('input'));
Run Code Online (Sandbox Code Playgroud)

testing webpack angular-material angular

7
推荐指数
1
解决办法
242
查看次数

Angular 5 移除特定的 DOM 元素

我有一个小问题,我不知道该怎么做。我只是在学习 Angular/Typescript,我不知道如何删除一些 DOM 元素。我有一些自动生成的内容,具有特定的 CSS 类。不幸的是,这些对象是在其他地方生成的,我无法以任何方式配置它们,因此我无法在该内容上添加任何 ngIf 或其他任何内容,这将简化我的工作......我只需要使用它们。我想要实现的是这样的(jQuery 版本):

$("#button").click(function() {
    $('.fc-oss').toggle();
 });
Run Code Online (Sandbox Code Playgroud)

我有一个开关,我想给它附加一个事件,当它被激活时,它会从视图中隐藏/显示具有该特定类型的所有元素。我试图在没有 jQuery 的情况下以 angular 实现这一点,但收效甚微。关于我如何能够实现这一目标的任何想法?

javascript jquery typescript angular angular5

6
推荐指数
1
解决办法
2万
查看次数

FullCalendar重叠事件不同的颜色

我使用Fullcalendar/Scheduler在日历上显示一些事件.我从REST服务获取所有信息.

我知道Fullcalendar有一个方法可以检查事件是否与另一个事件重叠(当使用slotEventOverlap属性时它会这样做),这样它将使它达到50%或更少,具体取决于事件的数量.

我的问题是,任何人都知道该方法是什么.我需要实现的是,当日历上有两个重叠事件时,它们应该是红色的.像这样的东西:

在此输入图像描述

我想在库中的某个地方,当计算完成,并且设置了%时,可以向这些事件添加一个新类,比如fc-overlap,我可以自定义.

或者有没有人知道如何实现这一目标?

我能找到的唯一解决方案是在获取事件列表之后,在函数检查中解析它们是否startTime和endTime重叠,并以某种方式将类分配给只有那些重叠的事件.(我可以通过他们的ID来识别事件),但这似乎在某种程度上打败了目的,因为日历在渲染事件时已经在进行验证.

javascript jquery fullcalendar fullcalendar-scheduler angular

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

* ng如果值存在于数组中

我对ngIf指令有疑问。

我的应用程序中有一些角度材质切换是动态生成的,它们都有特定的ID。我想知道,我知道使用ngIf指令可以在页面上有条件地显示那些元素。我正在将ngIf用于其他函数,但是我对如何检查元素的ID是否存在于数组中有些困惑。

该数组如下所示:

["fc-vis", "fc-bis", "fc-dis"]
Run Code Online (Sandbox Code Playgroud)

我的切换开关都有id:fc-vis / fc-bis ...等。

我尝试使用ngIf,但是我不知道如何在条件中发送元素的ID ...否则我可能做错了

我正在尝试做的事情是这样的:

*ngIf="object.id in myArrayList" 
Run Code Online (Sandbox Code Playgroud)

要么

*ngIf="checkIfExists(object.id)"
Run Code Online (Sandbox Code Playgroud)

关于如何在条件中使用对象的ID来检查它是否存在于该数组中的任何想法?

javascript typescript angular

4
推荐指数
2
解决办法
6914
查看次数

Angular Material 组件未通过测试

我有一个用 Angular 制作的 Sidenav 菜单。该组件如下所示:

模板:

 <mat-toolbar color="primary" [fxLayoutAlign]="(settings.menuType != 'mini') ? 'space-between center' : 'center center'" class="sidenav-header">
    <a mat-raised-button color="accent" routerLink="/" (click)="closeSubMenus()" class="small-logo">Menu</a>
    <a *ngIf="settings.menuType == 'default'" class="logo" routerLink="/" (click)="closeSubMenus()">mEMS</a> 
</mat-toolbar>

<div fxLayout="column" fxLayoutAlign="center center" class="user-block transition-2" [class.show]="settings.sidenavUserBlock"> 
    <div [fxLayout]="(settings.menuType != 'default') ? 'column' : 'row'" 
         [fxLayoutAlign]="(settings.menuType != 'default') ? 'center center' : 'space-around center'" class="user-info-wrapper">
        <div class="user-info">
            <p class="name"> {{currentUser}}</p>
            <p *ngIf="settings.menuType == 'default'" class="position">Rocket Scientist<br> </p>
        </div>
    </div>
    <div *ngIf="settings.menuType != 'mini'" fxLayout="row" fxLayoutAlign="space-around center" class="w-100 muted-text"> …
Run Code Online (Sandbox Code Playgroud)

angular-material angular angular-test angular5

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