Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Feb 23 2020 00:49
    qdouble removed as member
  • Feb 23 2020 00:49
    govi2010 removed as member
  • Feb 23 2020 00:49
    lanovoy removed as member
  • Feb 23 2020 00:49
    d3viant0ne removed as member
  • Feb 23 2020 00:49
    shlomiassaf removed as member
  • Feb 23 2020 00:49
    mastertinner removed as member
  • Feb 23 2020 00:49
    colinskow removed as member
  • Feb 23 2020 00:49
    matthewdenobrega removed as member
  • Feb 23 2020 00:49
    dotcs removed as member
  • Feb 23 2020 00:49
    DanWahlin removed as member
  • Feb 23 2020 00:49
    Foxandxss removed as member
  • Feb 23 2020 00:49
    niieani removed as member
  • Feb 23 2020 00:49
    katallaxie removed as member
  • Feb 23 2020 00:49
    kentcdodds removed as member
  • Feb 23 2020 00:49
    jeffbcross removed as member
  • Feb 23 2020 00:49
    jimthedev removed as member
  • Feb 23 2020 00:49
    carlosliu removed as member
  • Feb 23 2020 00:41
    PatrickJS commented #1686
  • Feb 22 2020 22:23
    kamil-kielczewski commented #1686
  • Feb 22 2020 22:23
    kamil-kielczewski commented #1686
Luke Chatton
Scratch that! Figured out how the environment provider works. Very handy :)
Phani Kiran Guttha

Wanted to know wether module build will be allow to deploy the module alone..

example: in my application i have one module which is used with lazy loading .

and i deploy the complete application including the lazy loaded module.

after a while there is a change in lazy loaded module. Now ther are two ways of deploying

1) Build the complete application which will build the lazy loaded module as well and deploy the complete code
2) build only the lazy loaded module and deploy it alone ( Is this possible already ?)

Peter Rabbit
Hi, I got some problems when I'm using Morris js plugins , currently I'm using Angular starter repo for basic structure.
Any ideas about this?
Hello I have an issue with WebPack to work with VS 2017 SPA template, I'm using Limitless HTML template, and in order to merge it with the SPA template I need to include custom CSS and JS to the webpack bundle. But I cannot get it to work, specially no comments or read me file to tell me where to place my custom files. I already asked the question on SOF for almost 2 weeks no answer. I would appreciate any help really. https://stackoverflow.com/questions/46384875/vs-2017-update-3-net-core-2-spa-angular-how-to-expand-the-template-and-ad
@all I tried so many ways but still I am not able to achieve...can you help me https://stackoverflow.com/questions/46386120/typeerror-cannot-read-property-user-mainvalue-of-undefined
@all does anyone know a way to add a script to the head in the index.html dynamically. I want to be able to set the appropriate script based on the environment variable(test, staging, production) This script is for AdobeTM.
Hi can anyone help me reduce the size of the vendor.js I've been search everywhere for a solution. My vendor file is currently 4.9mb. Running the recommended --prod --aot does absolutely nothing.
how to use i18n with build:aot?
Hi does anyone one why deep linking doesn't work with AOT
Jesse Boyer
Hey Im new to the template, just wondering how I reference an image from src/assets/bg.jpg from src/app/app.components.scss -- do I always use bg-image: url('../assets/bg.jpg'); or is this wrong with whatever webpack is doing
Hi - Could you please help me to run my angular project with angular-material
I have done all the steps that mentioned in the site, but sass is not loading from assets folder
.scss files are not loading from assets folder
hi guys! Could you help me with such problem:
we use 3styles loaders on our project: css-loader, postcss-loader and sass loader. For the build process all rgb(a) colors are converted to the hsl(a). I need to disable this. Does anybody know how to do it and what can cause it?


  • I am trying to learn rxjs.
  • I have a simple application retrieving values from api through rxjs.
  • I am trying to achieve Set token expiration to 2 minutes and if backend service responds with a 'Unauthorized' error, get the token again and use it.
  • can you guys tell me how to add it to my code.
  • providing my code below.


                .subscribe(users => {
                    console.log('users ready', users);

                    var grid = $("#grid").kendoGrid({
                        dataSource: {
Adson Vinicius
Hey, does anyone got this Error: URLs requested via Http on the server must be absolute before? I google and tried but i cna't figure out why i can't access my json file

@all hi,

  • I am trying to learn rxjs.
  • I am trying to add auth token validation through my front end for my githunb api.
  • can I achieve in js side or do I need to use express js to achieve it
  • I googled for for how to add auth validation.
  • but I am not sure how to add it to my code.
  • can you guys tell me how to achieve.
  • providing my code below


const getJsonPromise = $.getJSON('https://api.github.com/users');

  .retryWhen(errors => {
    return errors.scan((errorCount, err) => {
      //auth token validation
    }, 0);
  .subscribe(users => {
    console.log('users ready', users);
Adson Vinicius

Is that possible in amg-polygon?



@all hi,

  • I am trying to refresh the particular div win1.
  • I tried in both the ways refresh and setInterval but its not working.
  • any idea how to fix it.
  • providing code below


$("#open1").click(function () {
            width: "300px",
            height: "500px",
            modal: true,
            title: "Window 1"


        setInterval(function () {
            var randomnumber = Math.floor(Math.random() * 100);
            console.log("I am here");
            //$('#win1').text('I am getting refreshed every 3 //seconds..! Random Number ==> ' + randomnumber);


  • initialy when I go sports.com and from there if I go to players it works fine.
  • after that in the same players url if I enter I am getting the below error message.
  • any idea how to fix in js



HTTP Status 404Not Found

Type Status Report

Message /players/playersJumping

Description The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.

Apache Tomcat/8.5.23
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 https://github.com/gdi2290/angular-starter 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 https://github.com/gdi2290/angular-starter

These are the steps to reproduce below error:

#1 git clone --depth 1 https://github.com/AngularClass/angular-starter.git

#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.menu = 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 https://github.com/derrekyoung/appd-sampleapp-angular2

<script src="https://cdn.appdynamics.com/adrum/adrum-latest.js"></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)="click.next($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", "jsonplaceholder.typicode.com", "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='https://widget.intercom.io/widget/APP_ID';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: "customer@example.com", // 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