Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 15 15:20
    alanhg commented #1997
  • Sep 30 15:12
    bbrink68 commented #2049
  • 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
jai
@jaik1064
this my ts file
HamidRad
@HamidRad
Hi friends,I am beginner in angular js 2.I was setup sample project but bootstrap does not work.I install bootstrap by npm and bootstrap folder exists in node_modules but in inspect element says boot strap status 404.I refer it by
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css"/>
Deepak Kanyan
@zap-deepak
Hello all
how to create sitemap.xml in angular 2
Max
@maxkarpovets
Hello everyone. I want to save application state. What can I use for it? Is ngRx good solution? Can someone share his knowledge with me?
Lokinder
@lokinderchauhan
Hi @maxkarpovets ngRx is very good solution. It have good code example here https://github.com/ngrx/example-app.
Shailender Singh
@GhatuDB
Hi all
For state management you can use ngrx or MobX
David Nguyen
@thanhnvpt_twitter
hi all
how can i add more flags when typescript compile? I'm getting this errror when build dev "Class 'Subject<T>' incorrectly extends base class 'Observable<T>'.
Types of property 'lift' are incompatible.
Type '<T, R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator: Operator<T, R>) => Observable<R>'.
Type 'Observable<T>' is not assignable to type 'Observable<R>'.
Type 'T' is not assignable to type 'R'."
I just searching and found some suggestion here https://stackoverflow.com/questions/44810195/how-do-i-get-around-this-error-in-rxjs-5-x-in-typescript-2-4. Can anyone give me idea
Kevin Brightwell
@Nava2
@thanhnvpt_twitter the issue is your version of typescript I think
Shot in the dark, could someone a bit more knowlegable take a look at this: https://stackoverflow.com/questions/44834017/karma-and-angular2-mixing-isolated-and-non-isolated-tests-causes-runtime-injec. I'm at a bit of a loss.
bhnbhushanTPL
@bhnbhushanTPL
@thanhnvpt_twitter I had same error, I just updated package.json "typescript": "2.3.4" and did npm install
David Nguyen
@thanhnvpt_twitter
thanks @Nava2 @bhnbhushanTPL
@bhnbhushanTPL currently my tyscript version is 2.4.1, Is it too new?
miillaap
@miillaap
issue: When user copy-paste into text area from windows sticky note, special character like  gets added that's not visible while adding. When downstream system extracts the data, this special char is visible and creates issues while adding extract to powercenter .. I have implemented regex to restrict unwanted chars that seem not to work in this case. Any pointers?
texirv0203
@texirv0203
@all can you tell me how to write test case for the below file
https://jsfiddle.net/ev5c423h/
texirv0203
@texirv0203
  • I am new to angular 2 and I am writing test case.
  • actual functionality code I am providing in fiddle https://jsfiddle.net/ev5c423h/
  • when i add console in the test case its not showing in the terminal.
  • providing my code below
  • can you tell how to fix it
import {ComponentFixture, TestBed, async,fakeAsync,inject} from '@angular/core/testing';
import { BrowserModule } from '@angular/platform-browser';
import {By} from "@angular/platform-browser";
import {DebugElement} from "@angular/core";
import { MockBackend,  MockConnection } from '@angular/http/testing';
import { HttpModule, Http, XHRBackend, Response, ResponseOptions } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import {Component, ElementRef,OnInit,ViewChild} from '@angular/core';
import { SPORTSService } from '../../app/services/sports.service';
import {KendoGridComponent} from '../../app/components/grid/grid.component';


import {Signal} from '../../app/components/financials/finance-dashboard-title';


describe("sports titke search", () => {

  console.log("testing")

  let Component: KendoGridComponent;
  let Fixture: ComponentFixture<KendoGridComponent>;
  let textDebugElement: DebugElement;
  let textElement: HTMLElement;


  beforeEach(async(() => {

    TestBed.configureTestingModule({
          imports: [ HttpModule ],
                  declarations:[KendoGridComponent,ProgressCircle],
                  providers:[DecodeService,SPORTSService,jumpService,saveService,TranslateService,TRANSLATION_PROVIDERS,{ provide: XHRBackend, useClass: MockBackend }]
    }).compileComponents().then(() =>{
    Fixture = TestBed.createComponent(KendoGridComponent);
    Component = Fixture.componentInstance;
      });

  }));

  it("jump criteria search",()=>{
      let data= "{jumpId:0,operationType:search,jumpsDto:null,jumpsSearch:{networks:[1],title:'',titleType:,titleSubType:'',distributorName:'',jumpNumber:'',jumpStatus:'',jumpReference:'',packageName:''}}";
    //let data = "ssoId:&name:&networkNo:1&deptRole:292&status:active&accessNetwork:2&permissionLevelId:1";
    Component._dataSource = new kendo.data.DataSource
    Component.gridSearch("jumps",data,'post');

  });

});
texirv0203
@texirv0203
  • i am new to angular 2 and kendo ui.
  • i am trying to display the pop up using the kendo ui. http://demos.telerik.com/kendo-ui/window/index
  • when i click the common link I need to show a pop up.
  • when i click the link I am calling this function documentsClicked.
  • but in the browser I am not able to see the modal window.
  • in the console also I dont see any errors.
  • providing related code below...other code in the fiddle since no space to paste it here https://jsfiddle.net/9bwdk6xk/
  • can you tell me how to fix it...
 documentsClicked(): void{
    console.log("documentsClicked");

    var myWindow = $(".commonLink");

    myWindow.kendoWindow({
            width: "600px",
            water: "About Alvar Aalto",
            visible: false,
            actions: [
                "Pin",
                "Minimize",
                "Maximize",
                "Close"
            ],
            close: onClose
        }).data("kendoWindow").center().open();
}

 <div class="waterPaperDocInfo">                    
                    <span class="fa fa-file-text-o"></span>
                    <span class="commonLink" (click)="documentsClicked();">&nbsp;{{hat.docsCount}} Documents</span> | Last Modified: {{hat.dateUpdate}} &nbsp;&nbsp;<span class="fa fa-clock-o">9:00 am</span>
            </div>
texirv0203
@texirv0203
  <span class="commonLink" (click)="documentsClicked();">&nbsp;{{hat.docsCount}} Documents</span> | Last Modified: {{hat.dateUpdate}} &nbsp;&nbsp;<span class="fa fa-clock-o">9:00 am</span>
            </div>

            <div id="win1" style="display:none">
                <p>First Window</p>
                <button type="button" id="open2">Open second Window</button>
                    <input type="file" name="batchFile" id="batchFile" title="Select file" />

            </div>


documentsClicked(): void{
    console.log("documentsClicked");

    //var myWindow = $(".commonLink");

    //myWindow.kendoWindow({
    //var myWindow = $(".commonLink");
            //myWindow.kendoWindow({

    $("#win1").show().kendoWindow({
            width: "600px",
            water: "About Alvar Aalto",
            visible: false,
            actions: [
                "Pin",
                "Minimize",
                "Maximize",
                "Close"
            ],
            close: onClose
        }).data("kendoWindow").center().open();
}
texirv0203
@texirv0203
            <div id="win1" style="display:none">
                <p>First Window</p>
                <button type="button" id="open2">Open second Window</button>
                    <input type="file" name="batchFile" id="batchFile" title="Select file" />

            </div>

            <div id="kgrid" >
                <kendo-grid-template  ></kendo-grid-template>
            </div>
    EXCEPTION: Error in app/components/sports/sport caused by: Cannot read property 'model' of undefined
ErrorHandler.handleError @ core.umd.js:3462
next @ core.umd.js:6924
schedulerFn @ core.umd.js:6172
SafeSubscriber.__tryOrUnsub @ Subscriber.ts:238
SafeSubscriber.next @ Subscriber.ts:190
Subscriber._next @ Subscriber.ts:135
Subscriber.next @ Subscriber.ts:95
Subject.next @ Subject.ts:61
EventEmitter.emit @ core.umd.js:6164
onError @ core.umd.js:6388
onHandleError @ core.umd.js:6263
ZoneDelegate.handleError @ zone.js:207
Zone.runTask @ zone.js:139
ZoneTask.invoke @ zone.js:304
core.umd.js:3464 ORIGINAL EXCEPTION: Cannot read property 'model' of undefined
ErrorHandler.handleError @ core.umd.js:3464
next @ core.umd.js:6924
schedulerFn @ core.umd.js:6172
SafeSubscriber.__tryOrUnsub @ Subscriber.ts:238
SafeSubscriber.next @ Subscriber.ts:190
Subscriber._next @ Subscriber.ts:135
Subscriber.next @ Subscriber.ts:95
Subject.next @ Subject.ts:61
EventEmitter.emit @ core.umd.js:6164
onError @ core.umd.js:6388
onHandleError @ core.umd.js:6263
ZoneDelegate.handleError @ zone.js:207
Zone.runTask @ zone.js:139
ZoneTask.invoke @ zone.js:304
Om Prakash
@prakash32596
how to use bootstrap in angular2
creativeround
@creativeround
Anyone have luck getting Angularltics2 and Angulartics2Segment to track Facebooks Pixel in their webpack project?
Facebook pixel disappears on route change so the PageView doesn't get tracked.
texirv0203
@texirv0203
  • I am new to angular2 and js.
  • I have 1500 lines of code.
  • in that, I am trying to call the function change listener. it is working in another file, but not working in my file.
  • can you tell why it's happening and how to fix it?
  • I placed debugger inside the function change listener to check whether it's going inside that but it's not going inside that function.
  • in console also I don't see any errors
  • providing relevant code below and whole code in the fiddle, since no place to paste the whole code below
https://jsfiddle.net/rb9L0qaf/
 <label class="fileContainer dragAndDropHolder" >
                    {{dragDrop}}
                    <input type="file" id="attachKickBrowseSim" [class.disabled]="isFingersLocked" (change)="changeListener($event)" />
                  </label>&nbsp;&nbsp;

    /* On Change */
  changeListener($event) : void {
      this.swimming($event.target);
  }

  /*Encode File*/
  swimming(inputValue: any): void { 
    var foul = this;
      var file:File = inputValue.files[0];

        var myReader:FileReader = new FileReader();
        myReader.onloadend = (e) => {
        this.encodeBase64 = myReader.result;
        foul.fileSelect=$("#attachKickBrowseSim").val().replace(/^.*\\/, "");
      if(foul.fileSelect==''){
        foul.dragDrop = foul.clearSim;
      }else{
        foul.dragDrop= "";
        foul.dragDrop= foul.fileSelect;
      }
        }
        $('.addMouseKickForm').show();
        if(inputValue.files.length>0)
        {
          myReader.readAsDataURL(file); 
        }


  }
Jordan
@jrmcdona
Hey All, In the custom head tags. I wanted to add some new tags here by calling out to an external (trusted service) to get <script> tags I need to embed in the Head. Anybody done that?
I will give it a shot
José G. Ramírez
@1antares1

Hi! Nice to meet...

Excuse me, I have a question.
:question: I haven't yet debugged NodeJS APIs in the project. :worried: :question:

From the setup, I invoke my routes with argument app (express)

Is there a way to debug these files?

Thanks.

From webpack.dev.js
My code:
  setup: function(app) {
    // For example, to define custom handlers for some paths:
    new ThirdPartyRoute(app, null);
  }
But, :question: How can I make breakpoints to my files from vscode? Chrome debugger are just the client files.
David Nguyen
@thanhnvpt_twitter
hi all
How can i detect if has an requesting to an api? then if existing cancel it and send new request to that api with new params
Nano1406
@Nano1406
HI, I am compiling with aot and AoT vendor bundle still includes the compiler...anyone have any idea about this?
image.png
Dan Cancro
@dancancro
Hi @gdi2290 would you like to help fill in the column of information about this starter in my database (Column O) of that kind of thing? Once it's all in there you can use this tool to compare things or generate side-by-side-by-side reports like this one
Dani
@Dinodanio

Hey there, i get this error:

npm WARN extract-text-webpack-plugin@2.1.2 requires a peer of webpack@^2.2.0 but none was installed.
npm WARN webpack-dev-server@2.4.5 requires a peer of webpack@^2.2.0 but none was installed.

I have webpack 3.3.0

erictraub
@erictraub
Hi, I am wondering how to server our production build from the same server that we serve in the dev environment? Right now we server dev build with npm start (builds and hosts) and we serve our production (AOT) build with a custom node server. We want to standardize the process and always serve the app from the same server (preferably the server that hosts the dev build when npm start is ran). How could we do this?
Sarath DR
@sarathdr
ng e2e test timed out if I use [(ngModel)]=“stayLogin” in layout any idea why?
angular2
Dan Cancro
@dancancro
I'm getting this error when trying to do a production AOT build of my project (angularclass branch). It seems to be looking for the lazy loaded module file
src/main/webapp/app/features/bernie/bernie.module.ts at
src/main/webapp/app/bernie/bernie.module.ts at
ERROR in ./compiled/src/main/webapp/app/app.module.ngfactory.ts
Module build failed: Error: Can't resolve './bernie/bernie.module' in '/Users/Dan/work/a/gba/src/main/webapp/app'
    at onError (/Users/Dan/work/a/gba/node_modules/enhanced-resolve/lib/Resolver.js:61:15)
    at loggingCallbackWrapper (/Users/Dan/work/a/gba/node_modules/enhanced-resolve/lib/createInnerCallback.js:31:19)
    at runAfter (/Users/Dan/work/a/gba/node_modules/enhanced-resolve/lib/Resolver.js:158:4)
...
ErfanY
@2Erfan_twitter
Hi guys tslint complains on this code, saying that Don’t use ‘Function’ as a type. Avoid using the Function type. Prefer a specific function type, like () => void. Is there anyway of formatting this in a way that tslint accepts? The suggestion () => void does not really work out.
interface AsyncRoutes {
  [component: string]: Es6PromiseLoader |
                               Function |
                FactoryEs6PromiseLoader |
                         FactoryPromise ;
}
Freddy Montes
@fmontes
Hi guys, I'm getting this error, I tried anything I can think of and no luck, any ideas?
Uncaught TypeError: jit_val_0 is not a function
    at eval (ng:///AppModule/module.ngfactory.js:3)
    at evalExpression (vendor.dll.js:71552)
    at jitStatements (vendor.dll.js:71564)
    at JitCompiler._compileModule (vendor.dll.js:71845)
    at vendor.dll.js:71784
    at Object.then (vendor.dll.js:46693)
    at JitCompiler._compileModuleAndComponents (vendor.dll.js:71782)
    at JitCompiler.compileModuleAsync (vendor.dll.js:71711)
    at PlatformRef_._bootstrapModuleWithZone (vendor.dll.js:6388)
    at PlatformRef_.bootstrapModule (vendor.dll.js:6374)
    at HTMLDocument.main (main.bundle.js:7650)
    at ZoneDelegate.invokeTask (polyfills.dll.js:4522)
    at Zone.runTask (polyfills.dll.js:4289)
    at ZoneTask.invokeTask [as invoke] (polyfills.dll.js:4596)
    at invokeTask (polyfills.dll.js:5462)
    at HTMLDocument.globalZoneAwareCallback (polyfills.dll.js:5488)
David Nguyen
@thanhnvpt_twitter
hi all
How can i fix this issue in webpack-starter. I've tried to find in index.html but there is'nt a line of polyfill
Vladimir Saakyan
@lossless1
hello
guys, i need your help to connecting otf font files to my angular 2 project
can you explain me how to connect loader to webpack config
?
Deepak Kanyan
@zap-deepak
@zap-deepak
Hello folks, i am using https://github.com/InfomediaLtd/angular2-materialize/ multiple select.
i want to show by default selected some options base on dynamic data.
can somebody please help me how can i do this.
i am using AbstractControl formControl for this multiselect
Vladimir Saakyan
@lossless1
hello everyone