[AngularJS] Add a row in a table dynamically until a condition is fulfilled

2018-03-07 Thread Rakhee Menon
Hi Everyone,

In this form there is a dropdown where one needs to select the item and the 
corresponding selected items details like items-> Name,Drawing-no and Rate 
are displayed in a table and Quantity has to be entered by the user.When 
the user clicks on Add Schedule button the details of item are shown like 
name,drawing no and rate etc but the quantity might differ and is entered 
by the user.

So I want to create a form or a popup where multiple rows for a single item 
can be entered  until the quantity matches with the above quantity and then 
save it.
i.e If suppose the total quantity entered above = 100
then in schedule popup at first the user might enter only quantity=10 and 
second time again he wants to enter only qty=10 ie  rows should be added 
until the rest 80 nos is entered. 

I tried with many solutions but its not working .In the attachment shown 
below when I change the quantity below the value in above row also changes.

Please could anyone help me with it.I tried searching a lot but couldn't 
get any solution for it.
I have attached two screenshots where you can understand what I am exactly 
trying to do

Thanks in Advance,
Regards Rakhee



-- 
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: Working Angularfire2 with Anglular 5, Typescript, Firebase Plunker Template?

2018-03-07 Thread David Edelstein
Hi Sander, 

Thank you for introducing me to Stackblitz, it looks cool and I'm 
optimistic. But, I still get dependency issues. Check out this Stackblitz 
it can't find 'angularfire2/firestore'. :(

https://stackblitz.com/edit/angular-xscicw?file=app%2Fapp.module.ts

David

On Wednesday, March 7, 2018 at 5:10:30 AM UTC-5, Sander Elias wrote:
>
> Hi David,
>
> Give Stackblitz a run, I suspect it's better suited for this kind of setup.
>
> Regards
> Sander
>

-- 
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] "Cannot match any routes" error caused by URL-encoded query params

2018-03-07 Thread Tihomir Mitkov
Hello everybody,

I'm experiencing an issue where a link defined like this in a template:

Skills

works most of the time, but sometimes the router complains with this:

core.js:1448 ERROR Error: Uncaught (in promise): Error: Cannot match any 
routes. URL Segment: 
'admin/skills/skill-list-type%3FredirectTo%3DlastVisited'
Error: Cannot match any routes. URL Segment: 
'admin/skills/skill-list-type%3FredirectTo%3DlastVisited'
at ApplyRedirects.noMatchError (router.js:1719)
at CatchSubscriber.eval [as selector] (router.js:1684)
at CatchSubscriber.error (catchError.js:105)
at MapSubscriber.Subscriber._error (Subscriber.js:131)
at MapSubscriber.Subscriber.error (Subscriber.js:105)
at MapSubscriber.Subscriber._error (Subscriber.js:131)
at MapSubscriber.Subscriber.error (Subscriber.js:105)
at MapSubscriber.Subscriber._error (Subscriber.js:131)
at MapSubscriber.Subscriber.error (Subscriber.js:105)
at LastSubscriber.Subscriber._error (Subscriber.js:131)
at ApplyRedirects.noMatchError (router.js:1719)
at CatchSubscriber.eval [as selector] (router.js:1684)
at CatchSubscriber.error (catchError.js:105)
at MapSubscriber.Subscriber._error (Subscriber.js:131)
at MapSubscriber.Subscriber.error (Subscriber.js:105)
at MapSubscriber.Subscriber._error (Subscriber.js:131)
at MapSubscriber.Subscriber.error (Subscriber.js:105)
at MapSubscriber.Subscriber._error (Subscriber.js:131)
at MapSubscriber.Subscriber.error (Subscriber.js:105)
at LastSubscriber.Subscriber._error (Subscriber.js:131)
at resolvePromise (zone.js:809)
at resolvePromise (zone.js:775)
at eval (zone.js:858)
at ZoneDelegate.invokeTask (zone.js:421)
at Object.onInvokeTask (core.js:4740)
at ZoneDelegate.invokeTask (zone.js:420)
at Zone.runTask (zone.js:188)
at drainMicroTaskQueue (zone.js:595)
at 

It took me long time to notice that the query parameters are being 
percent-encoded (URL-encoded) in the error. After I noticed it I tried to 
replicate the problem by manually encode the parameters in the adress bar 
and I got exactly the same error. Now it is clear to me that the problem is 
indeed in the encoding. Since I bound the queryParams in the link as it is 
shown everywhere around the web (I've revised it many times and it is 
indeed *bound* with square brackets) I have no clue why the queryParams get 
encoded and on top of that at random (it's like it works flawlessly 95% of 
the time and occasionally complains with "Cannot match any routes") so what 
I did is to bind (with square brackets) routerLink, instead of assigning a 
value to it:

Skills

I don't know whether that would fix the problem, as the latter pops up at 
random.

Has anybody encountered such an issue or know what causes the URL to get 
percent-encoded?

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] AngularJS: I need to know if it's safe to disable comment and class directives

2018-03-07 Thread lucas . prus
Can anyone help me with this question?

https://stackoverflow.com/questions/4310/do-angularjs-and-and-angular-ui-bootstrap-have-their-own-comment-css-class-direc

Please answer on Stack Overflow if possible.

-- 
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: Working Angularfire2 with Anglular 5, Typescript, Firebase Plunker Template?

2018-03-07 Thread Sander Elias
Hi David,

Give Stackblitz a run, I suspect it's better suited for this kind of setup.

Regards
Sander

-- 
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] How to Deploy the Angular 2 project to AWS.

2018-03-07 Thread Abinash
How to Deploy the Angular 2 project to AWS. 

Can someone provide step by step procedure?

-- 
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] How to load an Angular2 component from AngularJS more than one time?

2018-03-07 Thread santoshatppg


I am working on an application which has both AngularJS and Angular.The 
application boots from a page developed using AngularJS. But, there is one 
component that is developed in Angular. Right now, I am invoking Angular 
component from a html page using the below line:

System.import('app')

Inside app\app.module.ts file, I have specified a specific parent component 
to be bootstrapped. This parent component in turn invokes a child 
component. I put some console.log statements in the constructor of the 
parent and child component and I see everything works fine for the first 
time.

But, when I navigate away and comeback to the html page again, I notice 
that the parent and child components are not getting initialized. The only 
workaround I have found is to refresh the entire page which is not ideal. I 
tried to unload the Angular components as soon as the user navigates away 
but I couldn't find any suitable SystemJS methods.

I know Angular components gets initialized only once which is probably why 
this is happening but is there a way to get past this issue?

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] Not able to display datetimepicker using ngFor loop in angular 4 (ngx-bootstrap-dattime-popup)

2018-03-07 Thread Sameena Waida
https://plnkr.co/edit/6hHyTuCHXygqn104kiGF?p=preview

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