[AngularJS] Re: How to Retrieve the file DownloadUrl From firebase ?

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Wednesday, October 10, 2018 at 9:08:37 PM UTC+5:30, Alas de Laas wrote:
>
> Hi ?
>
> I am uploading files to firebase. And now I want to have the url of the 
> images available to me when i upload.
> I am doing this:
>
>
> let storageRef = firebase.storage().ref();
> let storageTask = storageRef.child(`${this.baseUrl}/${this
> .seletedFile.name}`)
> .put(this.seletedFile);
>
> storageTask.on(firebase.storage.TaskEvent.STATE_CHANGED, 
> (snapshot)=>{
>
> this.urlDownload=storageTask.snapshot.ref.getDownloadURL();
>
> console.log(this.urlDownload); //
> });
>
> but it retuns A {a: 0, i: undefined, c: A, b: null, f: null, …}
> a: 2
> b: null
> c: null
> f: null
> g: false
> h: false
> i: "https://imageUrl.;
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Error Dialog does not show details

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Thursday, October 11, 2018 at 9:59:31 AM UTC+5:30, Partha Majumdar wrote:
>
>
> Dear Sir/Madam,
>
>
> I have put an additional field in the data containing the details. When 
> the dialog display, the details are not shown. When I check the variable 
> containing details, it has values in it.
>
>
> Please suggest what could be wrong.
>
>
> Regards,
>
> Partha
>
>
> *error.component.ts*
>
> import { Component, Inject } from '@angular/core';
> import { MAT_DIALOG_DATA } from '@angular/material';
>
> @Component({
> //  selector: 'app-footer',
>   templateUrl: './error.component.html',
>   styleUrls: ['./error.component.css']
> })
> export class ErrorComponent {
>   constructor(@Inject(MAT_DIALOG_DATA) public data: {message: string, 
> details: string}) {}
> }
>
>
> *error.component.html*
>
> 
>   
> 
>   Error
> 
>   
>   
> 
> 
>   {{ data.message 
> }}
> 
> 
> 
>   
> {{ data.details 
> }}
>   
> 
>   
>   
> 
>   
> Ok!
>   
> 
>   
> 
>
>
>
> *error-interceptor.ts*
>
> import { HttpInterceptor, HttpRequest, HttpHandler, HttpErrorResponse } from 
> '@angular/common/http';
> import { catchError } from 'rxjs/operators';
> import { throwError } from 'rxjs';
> import { Injectable } from '@angular/core';
> import { MatDialog } from '@angular/material';
>
> import { ErrorComponent } from './error/error.component';
>
> @Injectable()
> export class ErrorInterceptor implements HttpInterceptor {
>   constructor(private dialog: MatDialog) {}
>
>   intercept(req: HttpRequest, next: HttpHandler) {
> return next.handle(req).pipe(
>   catchError( (error: HttpErrorResponse) => {
>   if (!req.url.endsWith('?upload=1')) {
> let errorMessage = 'An unknown Error Occurred!!!';
> let errorDetails = '';
> if (error.error.message) {
>   errorMessage = error.error.message;
>   errorDetails = error.error.details;
> }
> this.dialog.open(ErrorComponent, {data: {message: errorMessage, 
> details: errorDetails}});
>   }
>   return throwError(error);
> }
>   )
> );
>   }
> }
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: ng-options issues

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Thursday, October 11, 2018 at 9:50:28 AM UTC+5:30, HeyBigAl wrote:
>
> Hi,
>
> I have an issue and I don't know how to fix it :( I have 2 tables 
> described below:
>
> teamslist
>
>- hslnteamid 
>- numberstr
>
> draft
>
>- draftid
>- dst_hslnteamid_aa
>
> when I load my page, I call the backend to load the teamslist and I added 
> an extra row with the following values: hslnteamid=0, numberstr=0
>
> I have a template with a select:
>
>  ng-options="hslnteam.hslnteamid as hslnteam.numberstr for hslnteam in 
> model.hslnteamslist | filter: criteriaNotMatch(model.selected, true)" />
>
> I don't know why but if the draft.dst_hslnteamid_aa field = 0, when the 
> user click on the dropdown, the list doesn't select by default the 
> associated value. I the draft.dst_hslnteamid_aa field <> 0, when the 
> dropdrown are visible, the matching value are selected!!!
>
> Any though???
>
> Thank's
> Al
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Need help in OAUTH implementation in angularJS SPA(Single page application)

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Monday, October 1, 2018 at 3:37:12 PM UTC+5:30, Surendra.M wrote:
>
>
> Hello All,
>
> Currently I am working on  implementation of OAUTH in my AngularJS 
> application.
>
> It involves several steps as below:
> 1. Calling the Oauth URL for Authorization code : In this step the user 
> has to enter the credentials and click on Login, So , Oauth URL returns 
> Authorization code.
> 2.Need to send this authorization code for getting the access code from 
> Authentication server.
>
> So, in Step 1,
> When the request for the authorization code raises , it will ask for 
> credentials,
>
> * so, in my case the credentials page should be open in new pop up 
> window.After entering the credentials, the authorization code should be 
> passed to the parent page.*
> So, can you please give me some inputs how to handle 
> thisor any code references.
>
> Any help would be greatly appreciable.
>
> Thanks in advance.
> Surendra M.
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Angular 2 - Child component is holding value of previous instance of same component

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Wednesday, October 10, 2018 at 12:40:13 PM UTC+5:30, Mark Ballard wrote:
>
> I have a number variable called currTab which is used to tab through three 
> divs on the child component template. When tab is selected on the parent 
> component template, the child component opens with the value of the 
> previous instance. The default on open should be currTab = 1 but if I 
> select 2 or 3, the next child that opens from the parent will have that 
> value. I've tried setting the default through @Input currItem through 
> ngOnInit and most of the other lifecycle events but it had no effect. 
> I have another @Input called property that gets passed just fine. Each 
> time the selecter is activated on the parent form the child component 
> reflects the correct 'property' but not the default 'currItem'.
>
> Child Component (template-tv-property)
>
> 
>
> 
> 
>
>
>
> Parent Template
>
> 
>(saveCurrentProperty)="saveCurrentItem($event)" 
> [choiceBoxSize]="propertyChoicesListBoxSize" *ngIf="currItemType === 
> 'property'" >
>   
>   
>>
>*ngIf="currItemType === 'signatureGroup'">
>   
> 
>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: ANGULAR 6 with FTL pages

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Thursday, October 11, 2018 at 9:15:37 PM UTC+5:30, Pradhap karthick 
wrote:
>
> Hi All, 
>
> I have a specific requirement to use angular 6 with FTL in components 
> instead of HTML pages.I have tried the same with a simple project and got 
> error while compiling.Can anyone Please give me some solution on this. 
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: pretty url

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Saturday, October 13, 2018 at 6:56:07 PM UTC+5:30, marc wrote:
>
> Hi,
> I have a website developed in angular6.
> I have many pages , for example /blog/id1, id2, ecc ecc.
> I would like to use "pretty url". What is the better way to do this ?
> Tnx
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: What is the URL when Header is added

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Tuesday, October 16, 2018 at 7:31:13 AM UTC+5:30, Partha Majumdar wrote:
>
> Dear Sir/Madam,
>
> I had a working Angular/Node application will I added a Header to the POST 
> method. Now, the Node service is not getting invoked.
>
> In my angular code I have the following:
> const headerDict = {
> 'upload-type': 'false'
> };
>
> const requestOptions = {
> headers: new HttpHeaders(headerDict),
> };
>
> this.httpClient.post<{message: string, returnVal: number}>(this.baseURL + 
> '/country', newData, requestOptions)
>
> The url in the NODE side is '/api/country' for the POST method.
>
> Please let me know what is the change in the URL when a Header is added.
>
> Thanks in advance.
>
> Regards,
> Partha
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Mat-Table inside a MAt-Table shows extra row for every record

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Monday, October 15, 2018 at 12:35:44 PM UTC+5:30, Partha Majumdar wrote:
>
>
> Dear Sir/Madam,
>
> I have implemented a MAt-Table inside a Mat-Table. The data displayed is 
> correct. However, for every row of the parent row, it shows one extra empty 
> row in the Mat-Table. As I am unable to trace the error, I seek help on 
> this forum. Please help.
>
> Regards,
> Partha
>
> The HTML code is as follows.
> 
>  multiTemplateDataRows width="100%">
>
> 
>
> 
> 
>  Tax Code 
>  {{element.taxCode}} 
> 
> 
>
> 
> 
>  Name 
>  
> {{element.taxDescription}} 
> 
>
> 
> 
>  Tax Type Code 
>  
> {{element.taxTypeCode}} 
> 
>
> 
> 
> 
> 
> 
>  *ngIf="isUserAuthenticated">create
> 
> 
>
> 
> 
> 
> 
> 
>  "onDelete(row.taxCode)" *ngIf="isUserAuthenticated">clear mat-icon>
> 
> 
>
> 
> 
>  "displayedColumns.length">
>  [@detailExpand]="element == expandedElement ? 'expanded' : 'collapsed'" 
> *ngIf="element.taxVersion.length > 0">
>  "mat-elevation-z8" width="100%">
> 
>  Tax ID 
>  {{element.taxID}} 
> 
> 
>  Version Code 
>  {{element.versionCode}} 
> 
> 
>  Version Date 
>  {{element.versionDate}} 
> 
> 
>  Tax Rate 
>  {{element.taxRate}} 
> 
> 
> 
> 
> 
> 
> 
>
> 
>  class="example-element-row"
> [class.example-expanded-row]="expandedElement === row"
> (click)="expandedElement = row"
> >
>  "example-detail-row">
> 
>
>  mat-paginator>
> 
>
>
> The display is as follows:
>
> [image: errMatTable.jpeg]
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: How to Append data to array in angularjs ?

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Tuesday, October 16, 2018 at 11:03:24 AM UTC+5:30, Pathum Lakshan wrote:
>
>
> Here i have two array's, 
> schedule: any = {};
> tempschedule: any = {};
>
> and tempschedule array is getting data from dropdowns in the view and it 
> must be append to schedule array after click event. How can i append the 
> data to schedule array, .push method is not working, and i tried with 
> following but it's overwriting the array.
> this.schedule  = Object.assign([], this.tempschedule);
>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Pdf

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Tuesday, October 16, 2018 at 11:05:41 AM UTC+5:30, mahesh reddy wrote:
>
> Could anybody help me how to generate PDF report from HTML data using 
> anjularjs??? Thanks if anybody help me
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: How to make Angular + Nativescript Slides

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM





On Tuesday, October 16, 2018 at 8:42:35 PM UTC+5:30, Alas de Laas wrote:
>
> Hi?
> Please, in the last 3 days I have been working on how to make a slide on 
> my nativescript+angular project following this: 
> http://www.nativescriptsnacks.com/snippets/2016/05/21/intro-slides.html. 
> But I couldnt make it work.
> I also tried imageSwipe at: 
> https://github.com/PeterStaev/nativescript-image-swipe. I also couldnt 
> make it.
>
> PLEASE, could anyone here help me? 
>
> THANKS ON ADVANCE...
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: How to Append data to array in angularjs ?

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM




On Tuesday, October 16, 2018 at 11:03:24 AM UTC+5:30, Pathum Lakshan wrote:
>
>
> Here i have two array's, 
> schedule: any = {};
> tempschedule: any = {};
>
> and tempschedule array is getting data from dropdowns in the view and it 
> must be append to schedule array after click event. How can i append the 
> data to schedule array, .push method is not working, and i tried with 
> following but it's overwriting the array.
> this.schedule  = Object.assign([], this.tempschedule);
>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Custom URL Protocol for Invoking Application: What if the key is not found in registry?

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM





On Monday, October 15, 2018 at 4:16:42 PM UTC+5:30, Akhil Nair wrote:
>
> Hello,
>
>
> I have been trying to invoke an application from browser using Custom URI 
> Scheme. This article helped me how to set it up. 
> https://msdn.microsoft.com/en-us/windows/desktop/aa767914.
>
> What if I delete the key in registry manually and ask the browser to 
> invoke the application. In this case, the browser won't be able to invoke 
> the application. Here how can I notify the browser or user that the key is 
> not found in registry. Any help would be appreciated. 
>
>
> Thank you.
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: How to make Angular + Nativescript Slides

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM




On Tuesday, October 16, 2018 at 8:42:35 PM UTC+5:30, Alas de Laas wrote:
>
> Hi?
> Please, in the last 3 days I have been working on how to make a slide on 
> my nativescript+angular project following this: 
> http://www.nativescriptsnacks.com/snippets/2016/05/21/intro-slides.html. 
> But I couldnt make it work.
> I also tried imageSwipe at: 
> https://github.com/PeterStaev/nativescript-image-swipe. I also couldnt 
> make it.
>
> PLEASE, could anyone here help me? 
>
> THANKS ON ADVANCE...
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Angularjs website Google fonts issue

2018-10-21 Thread Srinivas Sria 

Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM



On Saturday, October 13, 2018 at 11:06:15 PM UTC+5:30, ramya wrote:
>
> Hi 
> My website is in angular 1 and is a Telugu website . I tried to run an SEO 
> tool. The tool shows website content as boxes and not as actual font. 
> Google also is reading my content as boxes. I'm stuck here.

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Custom URL Protocol for Invoking Application: What if the key is not found in registry?

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM


[image: angular-webinar-31st.jpg]


On Monday, October 15, 2018 at 4:16:42 PM UTC+5:30, Akhil Nair wrote:
>
> Hello,
>
>
> I have been trying to invoke an application from browser using Custom URI 
> Scheme. This article helped me how to set it up. 
> https://msdn.microsoft.com/en-us/windows/desktop/aa767914.
>
> What if I delete the key in registry manually and ask the browser to 
> invoke the application. In this case, the browser won't be able to invoke 
> the application. Here how can I notify the browser or user that the key is 
> not found in registry. Any help would be appreciated. 
>
>
> Thank you.
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Trigger events added with Angular?

2018-10-21 Thread Srinivas Sria 

Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM




On Sunday, October 14, 2018 at 4:40:27 PM UTC+5:30, Ahmad Sajadian wrote:
>
> I want to make a google chrome extension that fills some text inputs in a 
> website that uses Angular. Each text input takes some action on "focus", 
> "keydown" and "blur". These events are added using some Angular 
> directives(?). Here's one of the input elements that I want to fill in the 
> page:
>
>
> 
> data-ng-focus="cellEnter($event, cell)" data-ng-blur="cellLeave($event, 
> cell)" data-ng-disabled="timesheet.ReadOnly" 
>
> data-ng-model="cell.S_Minutes" class="cellInput ng-valid ng-dirty"
>
> type="text" style="margin-top:4px" maxlength="5">
>
>
> There are three directives that are interesting to me
>
>
> data-ng-focus="cellEnter($event, cell)"
>
> data-ng-blur="cellLeave($event, cell)"
>
> data-ng-keydown="keyDown(cell, $event,$ parent.$parent.$index, $index)"
>
>
> I want to set the value of this input to a value and trigger all the 
> events above. But I don't know How. If it was pure JS i could do something 
> like the following but it does not work here. Please note that as I said I 
> cannot change the logic of the website, I'm developing a chrome extension.
>
>
> el=document.getElementById('input-1');var evt = new KeyboardEvent('keydown');
> el.value="1";
> el.dispatchEvent(evt);
>
>
> Please excuse me if my question seems stupid, I'm in an intermediate level 
> in JS and know almost nothing about Angular. Any help is highly appreciated.
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: How to use images from CDN using angular CLI

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM




On Wednesday, October 17, 2018 at 6:15:25 PM UTC+5:30, 
lalit@squintmetrics.com wrote:
>
> How to use images from CDN using angular CLI
>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Deploying angular app and express webservices

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM




On Wednesday, October 17, 2018 at 11:35:12 PM UTC+5:30, samriv...@gmail.com 
wrote:
>
> Hello. 
>
> Although I'm not entirely new to angular, I think my question is pretty 
> basic. 
> The first time I made websites was many many years ago using php and 
> having everything hosted on an apache webserver. 
> The client requests the .php site and the server would reply with the 
> dynamically created answer (which was the whole page). 
>
> So now the idea is to not reply with the full page but rather let the 
> client request specific data and reply only with that and let the client do 
> much of the logic. 
> I have an express server, that provides webservices and I do have a a 
> simple angular app that consumes these webservices. 
>
> Right now both are running independend of each other, meaning that they 
> run on different ports (locally). I'm only testing the angular app using 
> "ng serve". 
> What is the best practice to deploy the angular app AND the express server 
> (webservices) ?
> Do I need another http server for the angular app? Like apache or nginx? 
> Or can I also somehow serve the angular app within my express app?
>
> Thanks for your time,
> Sam
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Dynamic table with input and blur event stuck

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM




On Thursday, October 18, 2018 at 9:51:49 AM UTC+5:30, Renan de Paiva Dias 
wrote:
>
> Hi everyone,
>
> I'm using a code similar to this 
> https://stackblitz.com/edit/angular-rpumgc
>
> And as you can see the alert get stuck after some changes, how can I avoid 
> this?
>
> Best Regards,
> Renan Paiva
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: uploaded image is reflecting after re starting ng serve command in angular 6

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM





On Friday, October 19, 2018 at 8:04:46 PM UTC+5:30, Vishnu Bidarakundi 
wrote:
>
>
> 0down votefavorite 
> 
>
> I am working on angular 6 and node project , after uploading image is 
> saving in folder /assets/Images/uploades/image.jpg.
>
> uploaded images are dynamic displaying like this
>
>  style="height:150px;width:150px;border-radius:50%;" 
> src="{{ImagePath}}{{serviceImage}}" alt="" />
>
> here {{ImagePath}} is localhost:4200/assets/Images/uploads/ and 
> {{serviceImage}} Image name coming from the database .
>
> Now the problem is after uploading the images , I have edit option to edit 
> the form there other information is there including the image i want to 
> display previously uploaded image , now what happening is immediately after 
> clicking "edit" button image is not displaying ...saying 404 Error image is 
> not found .
>
> That Image is displaying only after the re starting with "ng serve" command .
>
> I am using angular 6.1.0 and angular cli is 6.1.2
>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Nested row in single row

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM




On Thursday, October 18, 2018 at 11:10:37 AM UTC+5:30, mahesh reddy wrote:
>
> Can any body suggest me how to add dynamic rows in child row using 
> anjularjs and mvc?? Appreciatable if anybody help me 
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: uploaded image is reflecting after re starting ng serve command in angular 6

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM




On Friday, October 19, 2018 at 8:04:46 PM UTC+5:30, Vishnu Bidarakundi 
wrote:
>
>
> 0down votefavorite 
> 
>
> I am working on angular 6 and node project , after uploading image is 
> saving in folder /assets/Images/uploades/image.jpg.
>
> uploaded images are dynamic displaying like this
>
>  style="height:150px;width:150px;border-radius:50%;" 
> src="{{ImagePath}}{{serviceImage}}" alt="" />
>
> here {{ImagePath}} is localhost:4200/assets/Images/uploads/ and 
> {{serviceImage}} Image name coming from the database .
>
> Now the problem is after uploading the images , I have edit option to edit 
> the form there other information is there including the image i want to 
> display previously uploaded image , now what happening is immediately after 
> clicking "edit" button image is not displaying ...saying 404 Error image is 
> not found .
>
> That Image is displaying only after the re starting with "ng serve" command .
>
> I am using angular 6.1.0 and angular cli is 6.1.2
>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: AngularJS: Using directive from inside another directive

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM




On Friday, October 19, 2018 at 9:50:37 PM UTC+5:30, jkn...@highroads.com 
wrote:
>
>
> Hi all, I'm new so greetings! I'm trying to create some dynamic HTML using 
> directives. A simple case worked fine in the case of a single directive but 
> now I'm trying to get a little fancier and I'm not sure how this should 
> work. 
>
> Each of the directives below will need to apply ng-model bindings in the 
> elements they create to whatever controller is assigned to the page they 
> are on.
>
> Looking at the code below, picture an HTML page with some existing 
> content, which then has an element like this defined at the bottom of it:
>
> 
>
> I had directiveOne compile and append additional elements to the page, and 
> that worked. What I want to do now is to have directiveOne compile the same 
> elements to the page, plus an additional one that itself is assigned a 
> directive. When expanded out, it should end up looking something like this 
> (this is just an example):
>
> 
> 
> 
> 
> Option
> 
> 
>
> The reason for the two directives is that there will be some code executed 
> in there to figure out what the elements should actually look like. 
> Ultimately I want directiveOne to make use of a series of little directives 
> and not just directiveTwo.
>
> As of right now, here are the two directives, pared down for (I hope) 
> clarity:
>
> angular.module('myApp').directive('directiveOne', function ($compile) {
> return {
> restrict: 'EAC',
> scope: '=',
> templateUrl: '/basePage.html',
> compile: function(element, attr) {
>   var jsonObj = { test: 'TestData' };
>   return function(scope, element, attr) {
> var elem = "";
> $compile(elem)(scope);
> element.append(elem);
>   }
> }
> };});
>
> angular.module('myApp').directive('directiveTwo', function ($compile) {
> return {
> restrict: 'EAC',
> scope: '=',
> templateUrl: '/subPage.html',
> compile: function(element, attr) {
> return function(scope, element, attr) {
> // Possibly make changes to subPage.html
> // before returning
> var elem = "";
> $compile(elem)(scope);
> element.append(elem);
> }
> }
> };});
>
> To a certain degree this works in that if I inspect the HTML afterwards I 
> see this:
>
> 
> 
>
> But the code inside directiveTwo was never executed, and so the div is 
> empty. Is there a way to do this?
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: Error in Mat-Stepper implementation

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Friday, October 19, 2018 at 10:30:31 PM UTC+5:30, Partha Majumdar wrote:
>
>
> Dear Sir/Madam,
>
> I have written a program in Angular 6 which has 4 stage Mat-Stepper. In 
> the third stage, I call the Node.JS service to write data to Database. The 
> situation is that if the Node Service call fails, then the 4th stage 
> MAt-Stepper is displayed properly as expected. However, if the Node service 
> writes to the DB properly, the Mat-Stepper resets to returns to the 1st 
> stage.
>
> I have been trying to debug for the last 2 days. However, I have made to 
> headway in fixing this.
>
> Request you to suggest what could be the issue.
>
> I can share the code if anyone wants to have a look.
>
> Thanks in advance.
>
> Regards,
> Partha
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: How to use http get response data for http post request in angularjs 1.7.2

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Saturday, October 20, 2018 at 6:41:01 PM UTC+5:30, drljac...@gmail.com 
wrote:
>
> Hello,
>
> I am working on one project(AngularJS+PHP) where I use one database for 
> users login (params about users/clients and their databases) and the other 
> database for user/client(every user has own database).
> I want when I login in also connect to correct database
> I'm login in successfully with some client account, catch db parameters 
> for client database, but when I need to connect to corresponding client 
> database it's not working.
>
> I use service:
>
> app.factory('loginService', function ($http, $location, sessionService) {
> return{ 
> .
>
>   fetchuser: function () {
>   var usr = $http.get('model/fetch.php');
>  return usr;
> },
>   fetchdbdata: function (dbdata) {
>   var usrdb = $http.post('model/fetchDB_data.php', dbdata);
>   return usrdb;
>}
> 
>}
> });
>
> and corresponding controller:
>
> app.controller('homeCtrl', ['$scope', 'loginService', '$location',  
> function ($scope, loginService, $location) {
> var dbdata;
>   
> var userrequest = loginService.fetchuser();
> userrequest.then(function (response) {
> $scope.usr = response.data[0];  //take users data, 
> database params   
>   
>//in 
> console  dbdata return correct object
>dbdata = {
>   host_name: 
> $scope.usr.host_name,
>   database_name: 
> $scope.usr.database_name,
>   user_db: 
> $scope.usr.user_db,
>   password_db: 
> $scope.usr.password_db
> };   
> /* ***
> if i use manually data like:
>  dbdata = {
> host_name: "mysql333",
> database_name: "datab*",
> user_db: "ucdb_gp",
> password_db: "^ucdb#*"
> };
>
> it works, and in console bellow return correct object and result. I don't 
> understand why.
>
> ***/   
> 
>   var userrequestdb = 
> loginService.fetchdbdata(dbdata);
>
> userrequestdb.then(function (response) {
> 
>   $scope.usrdb = 
> response.data[0];
>  
> console.log($scope.usrdb); //in console return E - nothing
> });
> });
>
>  }]); 
>
> Any advice would be helpful.
>
> Greetings from Dule.
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: How to live build an angular workspace project

2018-10-21 Thread Srinivas Sria 

Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]

On Friday, September 21, 2018 at 4:54:50 PM UTC+5:30, Christophe HOARAU 
wrote:
>
>
> Hello,
>
> I'm quite new to angular cli, but starting to be able to do some 
> interesting things with it.
> I've build a new angular 6 workspace, with an app component and several 
> libraries.
> But currently I have to build all the library manually and then rebuild 
> the app in order to distribute the changes.
>
> `ng server` crash every time I rebuild one of the libraries because the 
> library's dist folder is temporary removed.
>
> Is there any way to automate the process ? 
>
> Thanks
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: $uibModal issue after uglify

2018-10-21 Thread Srinivas Sria 
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

[image: angular-webinar-31st.jpg]


On Saturday, October 20, 2018 at 11:08:04 PM UTC+5:30, mtsto...@gmail.com 
wrote:
>
> I am using angularjs 1. When I invoke the "updateProfile" below, it would 
> display a modal dialog:
>
> $scope.updateProfile = function(){
> modalService.showModal({}, modalOptions).then(function (result) { //my 
> code }); }
>
> angular.module('myApp') .service('modalService', ['$uibModal', function 
> ($uibModal) { var modalDefaults = { backdrop: true, keyboard: true, 
> modalFade: 
> true, templateUrl:'../assets/templates/main/modal.php' }; var 
> modalOptions = { closeButtonText: 'Close', actionButtonText: 'OK', 
> headerText: 
> 'Proceed?', bodyText: 'Perform this action?' }; this.showModal = function 
> (customModalDefaults, customModalOptions) { if (!customModalDefaults) 
> customModalDefaults = {}; customModalDefaults.backdrop = 'static'; return 
> this.show(customModalDefaults, customModalOptions); }; this.show = 
> function (customModalDefaults, customModalOptions) { //Create temp 
> objects to work with since we're in a singleton service var 
> tempModalDefaults = {}; var tempModalOptions = {}; //Map angular-ui modal 
> custom defaults to modal defaults defined in service 
> angular.extend(tempModalDefaults, 
> modalDefaults, customModalDefaults); //Map modal.html $scope custom 
> properties to defaults defined in service angular.extend(tempModalOptions, 
> modalOptions, customModalOptions); if (!tempModalDefaults.controller) { 
> tempModalDefaults.controller 
> = function ($scope, $uibModalInstance) { $scope.modalOptions = 
> tempModalOptions; $scope.modalOptions.ok = function (result) { 
> $uibModalInstance.close(result); }; $scope.modalOptions.close = function 
> (result) { $uibModalInstance.dismiss('cancel'); }; } } return 
> $uibModal.open(tempModalDefaults).result; }; }]);
>
> However after I uglify the code an error is raised. 
>
> [$injector:unpr] 
> http://errors.angularjs.org/1.6.3/$injector/unpr?p0=oProvider%20%3C-%20o
>
>
> Your help is kindly appreciated.
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: I cannot post data to back end from angular6

2018-10-21 Thread Srinivas Sria 


[image: angular-webinar-31st.jpg]
Title: 
new angular development features and improvements with error handling 
webinar by google employees

About Angular: 
Angular is a Typescript-based open-source front-end web application 
platform 
led by the Angular Team at Google and by a community of individuals and 
corporations.

What we’ll cover in this webinar... Any error you can fix after this webinar
1. Angular error handling with latest strategies
2. New tips to write clean and per-formant angular application
3. Improving the testability of the angular app
4. Add caching to APIs and Migrating to PWA
5. State Management in Angular
6. User Activity logging with Azure Application Insights
7. Integrate with any technology

Speaker: 
Ryan Russul who is a speaker and having 8 years of experience in UI 
development and worked 
as senior solution architect, practising code re-usability and enterprise 
practices 
in angular development among all teams who were responsible for angular 
development.

Join in webinar: http://ovpurl.com/c2V5oNgM

On Thursday, October 18, 2018 at 4:49:24 PM UTC+5:30, chinelo...@gmail.com 
wrote:
>
> Am trying to post data to php backend and display json call  response 
> message *success* but am having the following errors
>
>
> *Error in src/app/car.service.ts(42,5): error type*
> *observable is not assignable to type Observable*
>
> Here is *app.component.ts* code
>
> import { Component, OnInit } from '@angular/core';
>
> import { Car } from './car';
> import { CarService } from './car.service';
>
>
>
>
> @Component({
>   selector: 'app-root',
>   templateUrl: './app.component.html',
>   styleUrls: ['./app.component.css']
> })
> export class AppComponent implements OnInit {
>
>
>   //cars: Car[];
>
>
> cars: Car="";
>
>
>
>   error = '';
>   success = '';
>
> car = new Car('', 0);
>
>   constructor(private carService: CarService) {
>   }
>
>
>   ngOnInit() {
> //this.getCars();
>   }
>
>
> public regCar(r) {
>   this.resetErrors();
>   this.carService.store1(this.car)
> .subscribe(
>   res => {
> alert(res);
>
> if (res === 'success') { // or this.cars['message']
> // Inform the user
> this.success = 'Created successfully';
> }
>
> // Reset the form
> r.reset();
>   },
>   err => this.error = err
> );
> }
>
>   private resetErrors(){
> this.success = '';
> this.error   = '';
>   }
>
> }
>
>
> Here is the *Car.services.ts*
> import { Injectable } from '@angular/core';
> import { HttpClient, HttpErrorResponse, HttpParams } from 
> '@angular/common/http';
>
> import { Observable, throwError } from 'rxjs';
> import { map, catchError } from 'rxjs/operators';
>
> import { Car } from './car';
>
>
> @Injectable({
>   providedIn: 'root'
> })
> export class CarService {
>
> baseUrl = 'http://localhost/angular-project1/api';
>
>
> //cars: ;
>
> //cars: Car[];
>
> constructor(private http: HttpClient) { }
>
>   store1(car: Car): Observable {
> return this.http.post(`${this.baseUrl}/store1`, { data: car })
>   .pipe(
>   catchError(this.handleError));
>   }
>
>   private handleError(error: HttpErrorResponse) {
> console.log(error);
>
> // return an observable with a user friendly message
> return throwError('Error! something went wrong.');
>   }
> }
>
>
>
> here is the* car.ts*
>
>
>
>
> *export class Car {  constructor(model: string,price: number,
> id?:   number) {}}store.php*
>
>
> *// pass parameter here*
> *$car = [*
> *  'message' => 'success'*
> *];*
>  
> *echo json_encode($car);*
> *  }*
> *  else*
> *  {*
> *http_response_code(422);*
> *  }*
>
>
>
>
>
>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[AngularJS] Re: I cannot post data to back end from angular6

2018-10-21 Thread Riccardo Sadocchi 
Hi,
try to modify the return type of store1 function from Observable to 
Observable or Observable.

Il giorno giovedì 18 ottobre 2018 13:19:24 UTC+2, chinelo...@gmail.com ha 
scritto:
>
> Am trying to post data to php backend and display json call  response 
> message *success* but am having the following errors
>
>
> *Error in src/app/car.service.ts(42,5): error type*
> *observable is not assignable to type Observable*
>
> Here is *app.component.ts* code
>
> import { Component, OnInit } from '@angular/core';
>
> import { Car } from './car';
> import { CarService } from './car.service';
>
>
>
>
> @Component({
>   selector: 'app-root',
>   templateUrl: './app.component.html',
>   styleUrls: ['./app.component.css']
> })
> export class AppComponent implements OnInit {
>
>
>   //cars: Car[];
>
>
> cars: Car="";
>
>
>
>   error = '';
>   success = '';
>
> car = new Car('', 0);
>
>   constructor(private carService: CarService) {
>   }
>
>
>   ngOnInit() {
> //this.getCars();
>   }
>
>
> public regCar(r) {
>   this.resetErrors();
>   this.carService.store1(this.car)
> .subscribe(
>   res => {
> alert(res);
>
> if (res === 'success') { // or this.cars['message']
> // Inform the user
> this.success = 'Created successfully';
> }
>
> // Reset the form
> r.reset();
>   },
>   err => this.error = err
> );
> }
>
>   private resetErrors(){
> this.success = '';
> this.error   = '';
>   }
>
> }
>
>
> Here is the *Car.services.ts*
> import { Injectable } from '@angular/core';
> import { HttpClient, HttpErrorResponse, HttpParams } from 
> '@angular/common/http';
>
> import { Observable, throwError } from 'rxjs';
> import { map, catchError } from 'rxjs/operators';
>
> import { Car } from './car';
>
>
> @Injectable({
>   providedIn: 'root'
> })
> export class CarService {
>
> baseUrl = 'http://localhost/angular-project1/api';
>
>
> //cars: ;
>
> //cars: Car[];
>
> constructor(private http: HttpClient) { }
>
>   store1(car: Car): Observable {
> return this.http.post(`${this.baseUrl}/store1`, { data: car })
>   .pipe(
>   catchError(this.handleError));
>   }
>
>   private handleError(error: HttpErrorResponse) {
> console.log(error);
>
> // return an observable with a user friendly message
> return throwError('Error! something went wrong.');
>   }
> }
>
>
>
> here is the* car.ts*
>
>
>
>
> *export class Car {  constructor(model: string,price: number,
> id?:   number) {}}store.php*
>
>
> *// pass parameter here*
> *$car = [*
> *  'message' => 'success'*
> *];*
>  
> *echo json_encode($car);*
> *  }*
> *  else*
> *  {*
> *http_response_code(422);*
> *  }*
>
>
>
>
>
>
>
>

-- 
You received this message because you are subscribed to the Google Groups 
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.