Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 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
bolota
@bolota
helllo
how to use i18n with build:aot?
sonoct
@sonoct
Hi does anyone one why deep linking doesn't work with AOT
Jesse Boyer
@JREAM
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
Randeep
@randeepnathtr
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
max
@maKSiM89
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?
texirv0203
@texirv0203

hi,

  • 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.

http://jsfiddle.net/5n7qdcx7/

Rx.Observable.fromPromise($.getJSON('https://api.github.com/users'))
                .subscribe(users => {
                    console.log('users ready', users);

                    $('.pai-del-menu').hide();
                    var grid = $("#grid").kendoGrid({
                        dataSource: {
                            data:
Adson Vinicius
@adsonvinicius_twitter
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
texirv0203
@texirv0203

@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

https://repl.it/N0E3/1

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

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

Is that possible in amg-polygon?

[fillColor]="getFillColor(m.cod)"

*agm
texirv0203
@texirv0203

@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

http://jsfiddle.net/csus39ow/


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

        $('#win1').data('kendoGrid').refresh();

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

hi,

  • 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://sports.com/players/playersJumping


Error

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
@Olgagr
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":""}
aneeshkumar-klr
@aneeshkumar-klr
hi
you know how to deploy univeral angular in heroku
juro
@roland-jungwirth
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ņš
@MatissJanis
Hi
Is anyone around?
Bjorn S
@Bjeaurn
Hello!
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!
vu-bhaskar
@vu-bhaskar
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
lorenzobrito
@lorenzobrito
Hi, can some one help me with this error NodeInvocationException: Prerendering failed because of error: Error: Cannot find module "rxjs/operators/takeUntil" ?
Nithin Betegeri
@nithinpb
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.
shahnj
@shahnj

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.

jeusdi
@jeusdi
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
@inquiztr
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
@tuoitrexuquang

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;
}

View
.tree-view([innerHTML]="menu")

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

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

hi,

  • using the below example, I am trying to implement appDyanmics in my code.
    https://github.com/derrekyoung/appd-sampleapp-angular2
  • 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

```
console.log("app.routing.ts");
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 { }
decl

texirv0203
@texirv0203
hi,
do you guys know any open source end user web tracking tool
texirv0203
@texirv0203

hi,

  • 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:

https://docs.appdynamics.com/display/PRO42/Extend+the+JavaScript+Agent+for+Single+Page+Applications+%28SPAs%29+in+Browser+RUM
https://docs.appdynamics.com/display/PRO42/Single+Page+Applications+in+Browser+RUM+-+AngularJS

sample appdynamics angular app https://github.com/derrekyoung/appd-sampleapp-angular2

<script src="https://cdn.appdynamics.com/adrum/adrum-latest.js"></script>

app.component.ts


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

@Component({
  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() {
      this.click.subscribe(console.log);
    }


}

app.component.html


<h1>
  {{title}}
</h1>

<header>
  <div>

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

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

</header>


<router-outlet></router-outlet>

appdynamics request payload


{
  "vr": "4.4.1.154",
  "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"]
}
texirv0203
@texirv0203

hi,

  • 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

index.html


    <script>
        (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);}}})()
    </script>

    <script>
        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
        };
    </script>

sports.ts


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
@NiiMER
Hi
juro
@roland-jungwirth
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?
gera
@GerardoSabetta_twitter
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?
juro
@roland-jungwirth
^^ I am still struggling with the above - any idea how to solve the issue?
iwxfer
@iwxfer
Hello
does this project include backend_
?
iwxfer
@iwxfer
auth?
GOVINDA ALWANI
@govi2010
Finally upgraded HtmlElementsPlugin
Deenath
@deenath
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?
TestDev
@TestDev66830497_twitter
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?
AmalHanif
@AmalHanif
Did anyone faced this error?
Please add a @Pipe/@Directive/@Component annotation.