Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Aug 23 13:34
    SouravKumar89 edited #2058
  • Aug 23 13:27
    SouravKumar89 opened #2058
  • Aug 22 00:04

    PatrickJS on master

    Update README.md (compare)

  • Aug 13 17:17
    ramsunvtech commented #1925
  • Aug 12 22:58
    terrancecorley commented #770
  • Aug 09 02:30
    jindovu commented #2049
  • Aug 09 02:22
    jindovu opened #2057
  • Aug 08 10:49
    krawinkelm commented #2053
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 09 11:40
    Sanafan commented #1713
  • Jul 05 11:41
    hoang-innomizetech commented #2053
  • Jul 05 07:32
    Jilaba commented #1824
  • Jun 29 04:31
    Jason-Cooke synchronize #2055
  • Jun 28 14:51
    jesslilly commented #1827
  • Jun 12 18:16
    dvaldivia commented #1969
  • Jun 12 17:55
    dvaldivia commented #2049
  • Jun 12 07:51
    ppomet commented #2056
  • Jun 12 07:48
    ppomet closed #2056
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.
abelokon955
@abelokon955
Hi, how is it possible to add an additional angular environment besides prod and dev?
naveen21f
@naveen21f
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
@leedor55
Hello, how i can add a modal to edit data and save what i edited n angular 2. ?
Vincent
@vincent-cm
@naveen21f You are probably binding each ngFor a deep object cause Angular deep watching the changes and apply the changes during every mouse event
GOVINDA ALWANI
@govi2010
@naveen21f please create directive which use virtual scroller.
Alexandre Pardo
@aledpardo
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
@aledpardo
@naveen21f are you using the trackBy on your ngFor? Check here: https://angular.io/guide/structural-directives#inside-ngfor and specially here: https://angular.io/guide/template-syntax#ngfor-with-trackby
GOVINDA ALWANI
@govi2010
Hello everyone
Alexandre Pardo
@aledpardo
Yo @govi2010
GOVINDA ALWANI
@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
@1antares1

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: http://bit.ly/koaltares
:heavy_check_mark: My Certification Profile (Microsoft): http://www.mycertprofile.com/Profile/4713626917
:heavy_check_mark: Member Microsoft: https://www.mcp.microsoft.com/Anonymous//Transcript/Validate

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
@mandel-macaque
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
I need to execute a small script when installing the app and undo the changes when I uninstall it
Benoît Nadaud
@benoit.nadaud_gitlab
Hi all, i'm looking for informations about adding components / modules to angular-starter ? Can we use CLI ? is there is another way ?
digeomel
@digeomel
Hello, I have the same question above as @sinner47 , how is this different than the default setup generated by angular-cli? I read the answer by @govi2010 above, but I don't find it clear. Ok, so you want to have control, what does this mean? That you want to fine-tune all the involved configuration files (including webpack) yourself? Can't you do this with the CLI-generated structure too?
Just to be clear, no critique/offense meant :)
Olga Grabek
@Olgagr
@1antares1 Can you remove your post? For sure this is not the right place to advertise yourself and you cluttering the discussion. After all you’re not a spammer, aren’t you?
Olga Grabek
@Olgagr
@digeomel Personally I think this started has less advantages these days as Angular CLI maturated. When we started a project 1,5 year ago, CLI was still unreliable, so we decided to go with this starter. We just felt more comfortable without Angular CLI “magic”. I think this is still argument today. If you want to know what the webpack is doing with our code or you need really fine control during build or development process, you can choose such starter. Then you have all webpack config files and you can modify them. However, there is a cost. There is no upgrade guides. With every new version of Angular you have to struggle yourself with upgrading all dependencies, which is pain in the neck. You have no generators until you provide them yourself. To sum up, right now I think I would go with Angular CLI which seems to be better option.
Loi Hoang
@stove654
hello
can help me
Screen Shot 2018-08-17 at 12.49.32 PM.png
AliciaJz
@AliciaJz
Hi all! I'm new using this angular starter, but cant use ng g c... is there other way to generate components?
Nate
@utd1878
How would I include JS files from the node_modules folders? In a non webpack app, you can add a set of scripts to the "scripts" property in the angular.json file. Is there something equivalent in webpack?
image.png
Ali Akbar Azizkhani
@azizkhani
hi all ,how can replace angular component templateurl to template like this with webpack
import {Component, OnInit} from '@angular/core';

@Component({
    selector: 'lib-test',
    templateUrl: 'test-component.html'
})
export class JhiTestComponent implements OnInit {

    ngOnInit(): void {
        throw new Error('Method not implemented.');
    }

}
to
/**
 * @fileoverview added by tsickle
 * @suppress {checkTypes} checked by tsc
 */
import { Component } from '@angular/core';
export class JhiTestComponent {
    /**
     * @return {?}
     */
    ngOnInit() {
        throw new Error('Method not implemented.');
    }
}
JhiTestComponent.decorators = [
    { type: Component, args: [{
                selector: 'lib-test',
                template: `<div>azizkhani</div>`
            },] },
];
above code generate with angular.json
but my project using webpack for build l
matte00
@matte00
Hi mates, is this project still alive?