How to use where clause in Knex
Create refunds with Stripe
Load HTML with Cheerio
How to send POST request with Axios
Find intersection of array in Lodash
Powered by Official white Bloop logo with a period

Terms / Privacy / Search / Support

  • import { CommonModule } from '@angular/common';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    
    import { ToastrModule } from 'ngx-toastr';
    
    @NgModule({
      imports: [
        CommonModule,
        BrowserAnimationsModule, // required animations module
        ToastrModule.forRoot(), // ToastrModule added
      ],
      bootstrap: [App],
      declarations: [App],
    })
    class MainModule {}
    Docs
  • import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { RouterModule } from '@angular/router';
    import { AppComponent } from './app.component';
    import { OpenCloseComponent } from './open-close.component';
    import { OpenClosePageComponent } from './open-close-page.component';
    import { OpenCloseChildComponent } from './open-close.component.4';
    import { ToggleAnimationsPageComponent } from './toggle-animations-page.component';
    import { StatusSliderComponent } from './status-slider.component';
    import { StatusSliderPageComponent } from './status-slider-page.component';
    import { HeroListPageComponent } from './hero-list-page.component';
    import { HeroListGroupPageComponent } from './hero-list-group-page.component';
    import { HeroListGroupsComponent } from './hero-list-groups.component';
    import { HeroListEnterLeavePageComponent } from './hero-list-enter-leave-page.component';
    import { HeroListEnterLeaveComponent } from './hero-list-enter-leave.component';
    import { HeroListAutoCalcPageComponent } from './hero-list-auto-page.component';
    import { HeroListAutoComponent } from './hero-list-auto.component';
    import { HomeComponent } from './home.component';
    import { AboutComponent } from './about.component';
    import { InsertRemoveComponent } from './insert-remove.component';
    import { QueryingComponent } from './querying.component';
    
    
    @NgModule({
      imports: [
        BrowserModule,
        BrowserAnimationsModule,
        RouterModule.forRoot([
          { path: '', pathMatch: 'full', redirectTo: '/enter-leave' },
          {
            path: 'open-close',
            component: OpenClosePageComponent,
            data: { animation: 'openClosePage' }
          },
          {
            path: 'status',
            component: StatusSliderPageComponent,
            data: { animation: 'statusPage' }
          },
          {
            path: 'toggle',
            component: ToggleAnimationsPageComponent,
            data: { animation: 'togglePage' }
          },
          {
            path: 'heroes',
            component: HeroListPageComponent,
            data: { animation: 'filterPage' }
          },
          {
            path: 'hero-groups',
            component: HeroListGroupPageComponent,
            data: { animation: 'heroGroupPage' }
          },
          {
            path: 'enter-leave',
            component: HeroListEnterLeavePageComponent,
            data: { animation: 'enterLeavePage' }
          },
          {
            path: 'auto',
            component: HeroListAutoCalcPageComponent,
            data: { animation: 'autoPage' }
          },
          {
            path: 'insert-remove',
            component: InsertRemoveComponent,
            data: { animation: 'insertRemovePage' }
          },
          {
            path: 'querying',
            component: QueryingComponent,
            data: { animation: 'queryingPage' }
          },
          {
            path: 'home',
            component: HomeComponent,
            data: { animation: 'HomePage' }
          },
          {
            path: 'about',
            component: AboutComponent,
            data: { animation: 'AboutPage' }
          },
        ])
      ],
    Docs
  • import {Component, NgModule} from '@angular/core'
    import {render, screen} from '@testing-library/angular'
    import {ngMocks} from 'ng-mocks'
    
    @Component({
      selector: 'app-parent-component',
      template: '<app-child-component></app-child-component>',
    })
    class ParentComponent {}
    
    @Component({
      selector: 'app-child-component',
      template: '<p>Child component</p>',
    })
    class ChildComponent {}
    
    @NgModule({
      declarations: [ParentComponent, ChildComponent],
    })
    export class AppModule {}
    
    describe('ParentComponent', () => {
      it('should not render ChildComponent when shallow rendering', async () => {
        const dependencies = ngMocks.guts(null, AppModule, ParentComponent)
    
        await render(ParentComponent, dependencies)
    
        expect(screen.queryByText('Child component')).toBeNull()
      })
    })
    Docs
  • import { Component } from '@angular/core';
    import { FormBuilder } from '@angular/forms';
    
    @Component({
      selector: 'app-profile-editor',
      templateUrl: './profile-editor.component.html',
      styleUrls: ['./profile-editor.component.css']
    })
    export class ProfileEditorComponent {
      profileForm = this.fb.group({
        firstName: [''],
        lastName: [''],
        address: this.fb.group({
          street: [''],
          city: [''],
          state: [''],
          zip: ['']
        }),
      });
    
      constructor(private fb: FormBuilder) { }
    }
    Docs
  • import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    
    import { ToastrModule, ToastContainerModule } from 'ngx-toastr';
    
    import { AppComponent } from './app.component';
    
    @NgModule({
      declarations: [AppComponent],
      imports: [
        BrowserModule,
        BrowserAnimationsModule,
    
        ToastrModule.forRoot({ positionClass: 'inline' }),
        ToastContainerModule,
      ],
      providers: [],
      bootstrap: [AppComponent],
    })
    export class AppModule {}
    Docs
  • Powered by Official black Bloop logo with a period
    download the IDE extension

    View other examples