Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Feb 23 00:49
    qdouble removed as member
  • Feb 23 00:49
    govi2010 removed as member
  • Feb 23 00:49
    lanovoy removed as member
  • Feb 23 00:49
    d3viant0ne removed as member
  • Feb 23 00:49
    shlomiassaf removed as member
  • Feb 23 00:49
    mastertinner removed as member
  • Feb 23 00:49
    colinskow removed as member
  • Feb 23 00:49
    matthewdenobrega removed as member
  • Feb 23 00:49
    dotcs removed as member
  • Feb 23 00:49
    DanWahlin removed as member
  • Feb 23 00:49
    Foxandxss removed as member
  • Feb 23 00:49
    niieani removed as member
  • Feb 23 00:49
    katallaxie removed as member
  • Feb 23 00:49
    kentcdodds removed as member
  • Feb 23 00:49
    jeffbcross removed as member
  • Feb 23 00:49
    jimthedev removed as member
  • Feb 23 00:49
    carlosliu removed as member
  • Feb 23 00:41
    PatrickJS commented #1686
  • Feb 22 22:23
    kamil-kielczewski commented #1686
  • Feb 22 22:23
    kamil-kielczewski commented #1686
Olga Grabek
How I can turn on generating source maps on production ? Right now source map file is generated but in only contains this one {"version":3,"sources":[],"names":[],"mappings":"","file":"main.d799841e5ce53c2fb9389a7567f94401.css","sourceRoot":""}
you know how to deploy univeral angular in heroku
I just saw that the repo’s homepage has changed to is there any information on this?
Matīss Jānis Āboltiņš
Is anyone around?
Bjorn S
Anyone here that managed to upgrade the starter from Angular 4 to Angular 5. I'm running into some Can't resolve all parameters for XService (?, ?, [object Object]) issues. Seems it can't locate basic things like NgZone and Router, which is quite weird!
I'm a beginner on mean 2, I'm trying to extend the mean starter application to include another component similar to Posts. Copying all the contents from /src/app/posts folder to a new folder /src/app/books and changed all the reference to posts to books but I don't get to see this schema (books) in the Graphql nor do I see the function to query / add the data working...anybody to help
Hi, can some one help me with this error NodeInvocationException: Prerendering failed because of error: Error: Cannot find module "rxjs/operators/takeUntil" ?
Nithin Betegeri
Hello All. I am new to Angular2. How do I add a new component to this starter pack? I tried angular-cli commands however, they do not work on this codebase.

I am getting below error when trying to run the current version of

These are the steps to reproduce below error:

#1 git clone --depth 1

#2 cd angular-starter

#3 npm install -g node-pre-gyp

#4 npm install

#5 npm run build:prod

#6 npm run server:prod

#7 browse to localhost:8080 on Google Chrome

#8 inspect shows below error:

Uncaught Error: Unexpected value 't' imported by the module 't'. Please add a @NgModule annotation.
at c (compiler.js:485)
at compiler.js:15204
at Array.forEach (<anonymous>)
at t.getNgModuleMetadata (compiler.js:15187)
at t._loadModules (compiler.js:34226)
at t._compileModuleAndComponents (compiler.js:34187)
at t.compileModuleAsync (compiler.js:34081)
at t.compileModuleAsync (platform-browser-dynamic.js:230)
at t.bootstrapModule (core.js:5568)
at He (main.browser.ts:18)

NEED Help please, thank you very much.

I'm building my project using your starter project. I'd like to ask you for how to integrate future changes into my project repository. How should I clone or fork or whichever action in order to keep updated my project with yours? I hope I've explained so well.
Robin Bank
Does this starter pack support bundling multi page apps. It was working great with Angular4/Aot but now that ngcwebpack proxies ngTools, does that mean you can only pass in a single entry point (in the starter it passes 'entry.main')
Thuyet Le Van

Hi All, i'm trying build a tree menu and render it to view. bellow my code = this.renderTreeMenu(data)

private renderTreeMenu(data: []) {
    let html = "";
    html += '<ul>';
    for (let i = 0; i < data.length; i++) {
        let element = data[i];
        html += '<li><a (click)="handleClick()">' + data[i].name + '</a>';
        if (data[i].children && data[i].children.length > 0) {
            html += this.renderTreeMenu(data[i].children)
        html += '</li>';
    html += '</ul>';

    return html;


pls for me ask, how can i handle binding event click for this case?

Tony Xavier
Please suggest a good customizable Angular 2 Calculator plugin ?
Michael Lehmann
Does the current version of angular2-webpack-starter work together with Clarity ?


  • using the below example, I am trying to implement appDyanmics in my code.
  • but for some reason its not going inside constructor code constructor(public appRoutes:Router) {
  • I kept debugger and saw in the if statement still it didnt go inside.
  • can you tell me how to fix it.
  • providing my code below

import { ModuleWithProviders, NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { Router, Event, NavigationStart, NavigationEnd } from '@angular/router';
import { Base } from './components/base/base';
import { LoadingMain } from './components/Loading/Loadingmain';
import { LoadingsWithoutFOXinfo } from './components/Loading/Loadings-without-FOXinfo';
import { LoadingsWithoutEpisodes } from './components/Loading/Loadings-without-episodes';
import { LoadingsWithoutFormat } from './components/Loading/Loadings-without-format';
import { LoadingsWithOverlaps } from './components/Loading/Loadings-with-overlaps';
import { AiringFOXInfoPopup } from './components/Loading/airing-FOXinfo-popup';

import { Listings } from './components/listings/listings';

import { ScoringsMain } from './components/Scorings/ScoringsMain';
import { ScoringFOXTBA } from './components/Scorings/ScoringFOXTBA';
import { ScoringBallChange } from './components/Scorings/ScoringBallChange';
import { ScoringOnAirOperations } from './components/Scorings/ScoringOnAirOperations';
import { ScoringVDS } from './components/Scorings/ScoringVDS';
import { ScoringBookedNotBooked } from './components/Scorings/ScoringBookedNotBooked';
import { ScoringOriginalRepeat } from './components/Scorings/ScoringOriginalRepeat';
import { ScoringNPSC } from './components/Scorings/ScoringNPSC';
import { phoneManagement } from './components/phone/phone-maintenance';

const appRoutes: Routes = [
path: '',
redirectTo: 'jumping',
pathMatch: 'full'

    path: 'FlyingManagement',
    component: FlyingsHeader,
    children: [
        { path: '', redirectTo: 'FlyingSearch', pathMatch: 'full' },
        { path: 'FlyingSearch', component: FlyingSearch },
            path: 'FlyingMain/:id', component: FlyingMain,
            children: [
                { path: '', redirectTo: 'Base', component: FlyingCreateFill, pathMatch: 'full' },
                { path: 'FlyingCreateFill', component: FlyingCreateFill, canDeactivate: [CanDeactivateGuard] },
                { path: 'FlyingRights', component: FlyingRights, canDeactivate: [CanDeactivateGuard] },
                { path: 'FlyingDeliverySpecs', component: FlyingDeliverySpecs, canDeactivate: [CanDeactivateGuard] },
                { path: 'FlyingDocuments', component: FlyingDocuments, canDeactivate: [CanDeactivateGuard] },
                { path: 'FlyingAllocation', component: FlyingAllocation, canDeactivate: [CanDeactivateGuard] },
                { path: 'FlyingPayments', component: FlyingPayments, canDeactivate: [CanDeactivateGuard] },
                { path: 'FlyingNotes', component: FlyingNotes, canDeactivate: [CanDeactivateGuard] },
                { path: 'Base', component: Base, canDeactivate: [CanDeactivateGuard] }


    path: 'Playing',
    component: Development


    path: 'Loadings',
    component: LoadingMain,
    children: [
        { path: '', redirectTo: 'LoadingsWithoutFOXinfo', pathMatch: 'full' },
        { path: 'LoadingsWithoutFOXinfo', component: LoadingsWithoutFOXinfo },
        { path: 'LoadingsWithoutEpisodes', component: LoadingsWithoutEpisodes, canDeactivate: [CanDeactivateGuard] },
        { path: 'LoadingsWithoutFormat', component: LoadingsWithoutFormat, canDeactivate: [CanDeactivateGuard] },
        { path: 'LoadingsWithOverlaps', component: LoadingsWithOverlaps, canDeactivate: [CanDeactivateGuard] },
    path: 'SearchListings',
    component: Listings
    path: 'Forecasting',
    component: Development
    path: 'development',
    component: Development
    path: 'Base',
    component: Base
    path: 'Profitability',
    component: Development


export const routing: ModuleWithProviders = RouterModule.forRoot(appRoutes);
//export class AppRoutingModule { }

do you guys know any open source end user web tracking tool


  • I am using appdyanmics in my app for monitoring user activity.
  • but the problem is it doesnt show how much time user has clicked the button.
  • so using rxjs I have wrote a click event.
  • this click event shows the mouse event and how to pass this mouse event in appdyanmics payload, so that I can generate a report usimg appdyanmics.
  • providing my code changes below

appdyanmics Reference links:

sample appdynamics angular app

<script src=""></script>


import { Component } from '@angular/core';
import {Subject} from 'rxjs/Subject';

  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
export class AppComponent {
  title = 'AppDynamics Sample App for Angular 2';

    click = new Subject();

    ngOnInit() {;





    <!-- Navigation with router directives-->
      <a [routerLink]="['/']">Home</a>
      <a [routerLink]="['/names']">Names</a>
      <a [routerLink]="['/posts']">Posts</a>
      <a [routerLink]="['/photos']">Photos</a>
    <!-- <button (click)="new Subject()" type="button">Click Me!</button> -->

    <button (click)="$event)">Click Me!</button> 



appdynamics request payload

  "vr": "",
  "dt": "R",
  "rg": "0",
  "es": [{
    "eg": "1",
    "et": 2,
    "eu": "0://1/2/",
    "ts": 1515610064377,
    "mg": "2",
    "au": "0://3/",
    "at": 3,
    "pp": 3,
    "mx": {
      "PLC": 1,
      "FBT": 48,
      "DDT": 0,
      "DPT": 4,
      "PLT": 52,
      "ARE": 0
    "md": "GET",
    "xs": 200,
    "si": 18
  "ai": "d4e7ef50_b4f3_1dd7_5cdf_49a60ff5635d",
  "gs": ["bbe438d0_0c94_63d9_2c22_700343b560b5", "cde9c933_e332_41ce_9333_5021c1502265", "4e6a7f03_4588_49e2_6c25_d8a3a1f3fe90"],
  "up": ["http", "", "users", "localhost:4200"]


  • right now I am passing hard coded value for my name.
  • I am trying to pass the dynamic username for my name key inside my scriprt tag from sportsService.
  • its working fine in my ts file.
  • but its not working fine in my html file.
  • I am getting an error. ---> Uncaught TypeError: Cannot read property 'marksSession' of undefined
  • can you guys tell me how to pass inside script tag of .html.
  • providing my code below


        (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()

        let players=this.sportsService.marksSession();
        console.log("players--->" + players);
        if(players) {
            this.userId = players.user_players.SSO[0];

        Intercom('trackEvent', 'share-link');

        window.intercomSettings = {
            app_id: 'APP_ID',
            name: "Jane Doe", // Full name
            email: "", // Email address
            created_at: 1312182000 // Signup date as a Unix timestamp


import { sportsService } from '../../services/sports.service';

constructor(public sportsService : sportsService){


ngOnInit() {    

        let that =this;
        let players=this.sportsService.marksSession();
        if(players) {
            this.userId = players.user_players.SSO[0];
Mohamad Nimer
Hi, ever since I’ve upgraded to ng5, I cannot run my tests anymore. I am getting a "Failed to exec tslint script” error when running npm run tslint "src/**/*.ts” but the log doesn’t indicate any specific issues - how do I debug this?
Hi guys, we have serious performance issues in IE, app works fine in edge, chrome, every browser but IE
has anyone experience something like this?
^^ I am still struggling with the above - any idea how to solve the issue?
does this project include backend_
Finally upgraded HtmlElementsPlugin
Hello everyone,
I've built one admin panel using Angular, I can see myself that a lot of improvements can be done to the existing project. I wanted to start with the project setup itself. While reading through articles, I found few named as Angular + Webpack, when I execute the ng serve it returns in the terminal as webpack compiled successfully. My question is, when angular uses webpack by default, what is the point of having a custom boilerplate like this. Does it offer any advantage over the angular-cli build?
Hello folks!
Is there some kind of guide, how to upgrade project from angular2-webpack-starter version 2.x.x to 4.x.x or 5.x.x?
Did anyone faced this error?
Please add a @Pipe/@Directive/@Component annotation.
Hi, how is it possible to add an additional angular environment besides prod and dev?
hi my angular app became very slow because of ngFor ...any suggessions to make it faster? Im using infinite scrolling and appending new data to a variable used in ngFor.
becoming more slow when scolling down more, violation 'mousedown' handler took 4567ms
Mahmoud Faour
Hello, how i can add a modal to edit data and save what i edited n angular 2. ?
Vincent M...
@naveen21f You are probably binding each ngFor a deep object cause Angular deep watching the changes and apply the changes during every mouse event
@naveen21f please create directive which use virtual scroller.
Alexandre Pardo
Hello! I'm using Webpack Starter with version 4.4 and need to upgrade it to 6, ideally. Where can I find info to assist me on this?
Alexandre Pardo
@naveen21f are you using the trackBy on your ngFor? Check here: and specially here:
Hello everyone
Alexandre Pardo
Yo @govi2010
@sinner47 Angular cli uses webpack. But sometime we want control in out hand. So this webpack configuration helps to extend this same code to PhoneGap or Electron App anything you want to. I always like to keep control in my hand to utilize same code to generate mobile , desktop and web application. There are many more advantage also......
@aledpardo Yo. . . . . Let me know if you need help
@abelokon955 yes you can .
@naveen21f Please use virtual scroller concept for huge ngfor
José G. Ramírez

Hello everyone!

Afternoon (GMT-4: 00) ;)

Of interest, I'm professionally available from Dominican Republic as
Full-Stack Developer / FrontEnd Developer / UX Designer (C#/JS-based with TypeScript) -MEAN included!- in 100% remote mode and full time. :thumbsup:

If some are interested,
:heavy_check_mark: Please see my professional profile LinkedIn:
:heavy_check_mark: My Certification Profile (Microsoft):
:heavy_check_mark: Member Microsoft:

Transcript: ID (1138190) - Password: koaltaresmcp

Thanks for your observations and attentions.

Is there a channel regarding #Jobs?

Thanks a lot :thumbsup:

Manuel de la Pena
hello, I was wondering if someone could point me to the location or an example on how to add extra steps on the installation and uninstallation of an app