[AngularJS] Type 'string' is not assignable to type 'never'.ts(2322)

2019-04-02 Thread Dev C
Hello

I have attached code in VS code which helps to generate dummy data. the
basic purpose of having pagination in anguar 6 project.

this.collection.data.push(
{
id: i + 1, // here it gives error Type 'number' is not assignable to type
'never'.ts(2322)
value: "items number " + (i + 1)
}
);
}

 In above code error I slated error, the full code is at below:

import { Component } from '@angular/core';
@Component({
selector: 'app-pagination',
templateUrl: './pagination.component.html',
styleUrls: ['./pagination.component.css']
})
export class PaginationComponent {
config: any;
collection = { count: 60, data: [] };
constructor() {
//Create dummy data
for (var i = 0; i < this.collection.count; i++) {
// var id = i +1;
// var value = "items number " + (i + 1)
this.collection.data.push(
{
id: i + 1, // here it gives error Type 'number' is not assignable to type
'never'.ts(2322)
value: "items number " + (i + 1) // same here
}
);
}
this.config = {
itemsPerPage: 5,
currentPage: 1,
totalItems: this.collection.count
};
}
pageChanged(event: any){
this.config.currentPage = event;
}
}

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


Re: [AngularJS] Type 'string' is not assignable to type 'never'.ts(2322)

2019-04-02 Thread Dev C
This worked, thanks Lucas

On Tue, Apr 2, 2019 at 9:35 PM 'Lucas Lacroix' via Angular and AngularJS
discussion  wrote:

> It's just a guess, but I think it's because the "data" array within
> collections does not have a type. Try this:
> collections = {count: 60, data: [] as any[]}
>
> Also... Stop using "var" and use "let" instead. Variables defined by "var"
> are hoisted and this can have negative effects on your code.
>
> On Tue, Apr 2, 2019 at 11:59 AM Dev C  wrote:
>
>> Hello
>>
>> I have attached code in VS code which helps to generate dummy data. the
>> basic purpose of having pagination in anguar 6 project.
>>
>> this.collection.data.push(
>> {
>> id: i + 1, // here it gives error Type 'number' is not assignable to
>> type 'never'.ts(2322)
>> value: "items number " + (i + 1)
>> }
>> );
>> }
>>
>>  In above code error I slated error, the full code is at below:
>>
>> import { Component } from '@angular/core';
>> @Component({
>> selector: 'app-pagination',
>> templateUrl: './pagination.component.html',
>> styleUrls: ['./pagination.component.css']
>> })
>> export class PaginationComponent {
>> config: any;
>> collection = { count: 60, data: [] };
>> constructor() {
>> //Create dummy data
>> for (var i = 0; i < this.collection.count; i++) {
>> // var id = i +1;
>> // var value = "items number " + (i + 1)
>> this.collection.data.push(
>> {
>> id: i + 1, // here it gives error Type 'number' is not assignable to
>> type 'never'.ts(2322)
>> value: "items number " + (i + 1) // same here
>> }
>> );
>> }
>> this.config = {
>> itemsPerPage: 5,
>> currentPage: 1,
>> totalItems: this.collection.count
>> };
>> }
>> pageChanged(event: any){
>> this.config.currentPage = event;
>> }
>> }
>>
>>
>> --
>> 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.
>>
>
>
> --
> Lucas Lacroix
> Computer Scientist
> System Technology Division, MEDITECH <http://ehr.meditech.com>
> 781-774-2293
>
> <https://ehr.meditech.com/expanse>
> <https://www.linkedin.com/company/meditech>
> <https://twitter.com/MEDITECH>   <https://www.facebook.com/MeditechEHR>
> Subscribe
> <https://info.meditech.com/get-great-meditech-content?hsCtaTracking=864299ec-5abf-4004-9c6d-2d051794101f%7Cc911be42-538a-4a48-8dca-a6d4001c6326>
>  to
> receive emails from MEDITECH or to change email preferences.
>
> --
> 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.
>

-- 
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] Typeahed and fromEvent after 3 character

2019-03-27 Thread Dev C
Hello

I would like to have type ahead ( free text field with binding)  where in
Api would hit after three character of input ( agular material not required
) and it would retuurm result.

I know observable and fromEvent filter we can use, can anyone tell me any
example developed.



-- 
Sent from my mi note 4 phone.

-- 
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] Local json file and refer in the service

2019-04-04 Thread Dev C
Hello i have local json file I would to refer in my local service,  i know
in angukar 6 there is a approach of doing same thing, but don't know how.


Any pointers would highly appreciated.


-- 
Sent from my mi note 4 phone.

-- 
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] Server side pagination

2019-04-03 Thread Dev C
Hello

Do anybody has server side pagination, wherein everytime on pagination
pager i click it should retrieve data from server or Api/end point /cursor
based pagination.

Any help/pointers would be helpful.


Thanks



-- 
Sent from my mi note 4 phone.

-- 
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] Typeahead and searchresult click event

2019-04-01 Thread Dev C
Hello

I am having typeahead for the text box, i did accomplished using
observable.using keypress and reactive forms.

I have following issues.

First:
The requirement is that after three character the result would appear but
it does but only after clicking somewhere outside.

Second
On click of results appearing in div tag,i am handling (click) event but i
need to click double click to make other fields populated. Ideally it
should be one click.

Please help.




-- 
Sent from my mi note 4 phone.

-- 
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] Pagination as reusable component

2019-04-01 Thread Dev C
Hello

I have to use pagination in many places in my application, can be it as
reusable component.

If anyone has any idea or any link would be highly appriciatable.

In reusable component i will just bind to service data , number of pages to
received at a time.


Thanks





-- 
Sent from my mi note 4 phone.

-- 
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] Modal window and dynamic content

2019-04-08 Thread Dev C
I need to have dynamic modal window at many places so i need to have
reasonable modal window but the content of the modal should be dynamic , i
heard of having ng-content so can have this as reusable content?

-- 
Sent from my mi note 4 phone.

-- 
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] Type ahead and backend service

2019-03-18 Thread Dev C
I have service which would return 10 results Max for type ahead text box.

I would like to hit this service when user types atleast 4 char.

What is best way to handle this or if anyone has sample code on this please.




-- 
Sent from my mi note 4 phone.

-- 
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: one Pipe for multiple purpose

2019-03-20 Thread Dev C
Hello Sander, thanks
If you can tell me what way i can detect params in customized the pipe ?

On Wednesday, March 20, 2019, Sander Elias  wrote:

> Hi Dev,
>
> You can add parameters to your pipe to take care of that:
> in your template you do something like:
> {{ someThing | myPipe:3:1 }}
>
> those will be available to your pipe.
>
> 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.
>


-- 
Sent from my mi note 4 phone.

-- 
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] one Pipe for multiple purpose

2019-03-20 Thread Dev C
I have one customized pipe that does one functioanlity but i would like to
same pipe for same purpose but with different decimal values

How would i can do that.?

Example one pipe does separation of number from given value and return as
string but i would like to have same pipe which i need to return after
decimal value.

Example

Given value 999.999 ( numeric )
The given pipe returns string  9,99,999. As string
Now i want custimzed same pipe which would return 9,99,999.99 ( 2 decimal
value after . )

Please note that i want to custimzed same pipe for my purpose but should
not change the purpose.











-- 
Sent from my mi note 4 phone.

-- 
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] Ngx pagination

2019-04-13 Thread Dev C
Hello

I am using ngx pagination and it works well but it shows pagination like

PREV 1,220 NEXT

I WOULD LIKE TO SHOW ALWAYS THREE CURRENT PAGES LIKE

PRev 1,2,3 next and if we click next it should show 2,3,4 and so on at a
time three pages only.

Thaks
Devsur



-- 
Sent from my mi note 4 phone.

-- 
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] ngx pagination and visble page numbers at time

2019-04-14 Thread Dev C
I am using ngx- pagination in my angular 6 application, all well till it
comes to number of page numbers visible at a time, I have set my HTML
template code as below. but as per attached image it shows 1 .. 10 I dont
want such kind of display, I want 1,2,3 at a time and when I click on next
to the pager display should be 2,3,4 and so on. can any one please provide
me help on this.

[image: enter image description 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] tooltip after few characters [ angular 6 ]

2019-05-17 Thread Dev C
I would like to have tooltip enabled [angular 6 project ]only if incoming
string length > 35 characters and then it should have ... elipses as well,
On mousehover it would shown tooltip.

I know ngbTooltip works but it does not get auto hidden, Can we use
directive for this

If anybody has such code or directive would be helpful.

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.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjCFv3SH0vGSq78nFb-Me%2BMLWAozywrB0y3J_0mBBFy3qw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.


[AngularJS] tooltip issue and ngbTooltip

2019-05-18 Thread Dev C
I would like to have tooltip appear only if incoming string length is > 35
and also if that is the case add ellipses [...] at the end of the string, I
am using angular 6

my main component.html file as below

{{data.name}}
  

In My Tooltip component.ts file

import { Component, Input, OnInit } from '@angular/core';
@Component({
  selector: 'my-tooltip',
  templateUrl: './tooltip.component.html'})export class
ToolTipComponent implements OnInit {
  @Input() data: any;

  ngOnInit(){
  console.log("tooltip" + this.data);
  }
}

in tooltip.component.html

{{data}}

However the result display black small box without any data into it.

What is missing here, if anyone can look into this, also I need to add
elipses if incoming string is more then 35 characters and then and then
tooltip should be displayed.


-- 
Sent from my mi note 4 phone.

-- 
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.
To view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjCTR61nqZwkSh1pyy2O2WFsz0U9OGKT00F0DnYZjm5LUw%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.


[AngularJS] ngrx

2019-05-04 Thread Dev C
hello

i want to kearn ngrx, could you please provide me link for this? ( easily
understable)

thanks
devsur


-- 
Sent from my mi note 4 phone.

-- 
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] NgRx store and errros

2019-05-05 Thread Dev C
Hello

ERROR in src/app/app.component.ts(3,10): error TS2305: Module '"C:/Angular
Activity/NgRxExample/currency-conversion/src/app/actions/amount"'
has no exported member 'AmountChangeAction'.
src/app/app.module.ts(6,9): error TS2305: Module '"C:/Angular
Activity/NgRxExample/currency-conversion/src/app/actions/amount"' has no
exported member 'AmountChangeAction'.
src/app/reducers/amount.ts(4,58): error TS2694: Namespace '"C:/Angular
Activity/NgRxExample/currency-conversion/src/app/actions/amount"' has
no exported member 'AmountChangeAction'.
src/app/reducers/amount.ts(7,21): error TS2339: Property 'AMOUNTCHANGE'
does not exist on type 'typeof import("C:/Angular
Activity/NgRxExample/currency-conversion/src/app/actions/amount")'.

*
import { Action } from '@ngrx/store';
export const AMOUNTCHANGE = '[Amount] Change'

export class AmountChangeAction implements Action {
readonly type = AMOUNTCHANGE;
constructor(public payload: number) {}

}


*

export const CURRENCIESUPDATE = '[Currency] UpdateAll';
export const CURRENCIESUPDATED = '[Currency] UpdatedAll';

export class CurrenciesUpdateAction implements Action {
readonly type = CURRENCIESUPDATE
}


export class CurrenciesUpdatedAction implements Action {
readonly type = CURRENCIESUPDATED
constructor(public payload: Currency[]) {}
}

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] Pagination with server call

2019-04-09 Thread Dev C
I have An Api which returns the data with pager object like page number and
page size, everytime i click on pagination control it should goto server
and retrieve data based on page i click, so in parameter i will always send
http: domain/Api/v1/pagination?pagenumber=1 size=10

Please help if anybody has such example to refer.


-- 
Sent from my mi note 4 phone.

-- 
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: Pagination with server call

2019-04-09 Thread Dev C
This don't hit to api..

On Tuesday, April 9, 2019, Tito  wrote:

> http://jasonwatmore.com/post/2016/01/31/angularjs-pagination
> -example-with-logic-like-google
>
>
>
> On Tuesday, April 9, 2019 at 9:07:45 AM UTC-7, Dev C wrote:
>>
>> I have An Api which returns the data with pager object like page number
>> and page size, everytime i click on pagination control it should goto
>> server and retrieve data based on page i click, so in parameter i will
>> always send http: domain/Api/v1/pagination?pagenumber=1 size=10
>>
>> Please help if anybody has such example to refer.
>>
>>
>> --
>> Sent from my mi note 4 phone.
>>
> --
> 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.
>


-- 
Sent from my mi note 4 phone.

-- 
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: Pagination with server call

2019-04-09 Thread Dev C
I need more like api based.

On Tuesday, April 9, 2019, Tito  wrote:

> http://jasonwatmore.com/post/2016/01/31/angularjs-pagination
> -example-with-logic-like-google
>
>
>
> On Tuesday, April 9, 2019 at 9:07:45 AM UTC-7, Dev C wrote:
>>
>> I have An Api which returns the data with pager object like page number
>> and page size, everytime i click on pagination control it should goto
>> server and retrieve data based on page i click, so in parameter i will
>> always send http: domain/Api/v1/pagination?pagenumber=1 size=10
>>
>> Please help if anybody has such example to refer.
>>
>>
>> --
>> Sent from my mi note 4 phone.
>>
> --
> 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.
>


-- 
Sent from my mi note 4 phone.

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


Re: [AngularJS] Is there a way for parent to know if a child in ng-content shows?

2019-08-03 Thread Dev C
Hello peter


Can you give a try to refdetectchanges ?

Thanks.


On Saturday, August 3, 2019, Peter Hsu  wrote:

> Hi Angular:
>
> I was given a component called DataTableComponent that can show an array
> of objects in a table format. My data sources is are Observables, so I
> would like to create a common parent object called ListLoader that handles
> the loading and error. The requirements is that the table only refreshes if
> I call a function called refreshData.
>
> @Component({
> selector: `list-loader`,
> template: `
> 
> 
>
> 
> `,
> })
> export class ListLoaderComponent implements OnInit {
> loading = true;
>
> @Input()
> private observes: Observable;
> @Input()
> private table: DataTableComponent;
> private _items = [];
>
> get items() {
> return this._items;
> }
>
> ngOnInit(): void {
> this.observes.subscribe(
> item => {
> this._items.push(item);
> // TODO: handle refresh on a partial loaded list
> },
> e => {
> // TODO: handle error
> },
> () => {
> this.loading = false;
> if (this.table) {
> console.log(`showing ${this._items.length} rows`);
> this.table.refreshData();
> }
> }
> );
> }
> }
>
> Then I would use it like this on an instance of list where it has an
> Observable called contents
> 
> 
> 
> 
> 
>
> What I am observing is that I keep seeing a empty table even though I am
> seeing this.table.refreshData() being called. Even though I DID see
> "showing 5 rows"
> in the console output.
>
> My theory is that is this.table.refreshData() called before  *ngIf="!loading"> is being updated. This content was not
> populated at all and somehow this leads to the refresh call to become a
> null op. (but how come this.table is not null?)
>
> When I add refreshData call to the get method, the list renders but (of
> course) this makes the page totally unresponsive for burning a bunch of CPU
>
> get items() {
> if (this.table) {
> this.table.refreshData();
> }
> return this._items;
> }
>
> This is not a viable solution but to me it proves that there was a "race
> condition" (so to speak) between then items get updated and loading gets
> updated.
>
> Any idea how I can solve this problem? Is there something I can do to
> capture when  was added to the
> DOM?
>
> thanks
> Peter
>
> --
> 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 view this discussion on the web visit https://groups.google.com/d/
> msgid/angular/9ac5137e-28c1-4023-a7e3-f5a517e2eb95%40googlegroups.com
> 
> .
>


-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjBfm%3De%2BOzKPyna4_FF2%2BwXz3J8RG9WWcLrbQ5wpwfETnA%40mail.gmail.com.


[AngularJS] How to set focus list composed from div with *ngFor

2019-09-16 Thread Dev C
Hello, in my angular 6 application I would like to focus list composed from
div tag below: I have search box where in usertypes and auto populated div
appears wherein if user selects any list it should focus to the list which
has been selected, I tried to put #data as below but things are not
working, one click of div I have ts code if user selects from the list it
appears using setValue method as given below. the project is big so I can
not put URL nor could do composition. please help if you can




{{data?.name}}


{{data?.portfolioListType}}



{{ getEllipsesInstrument(data?.description) }}


{{data?.description}}







SetValue(SelectedList: string) {
this.inputField.nativeElement.value = SelectedList
this.divVisible = false;
if(this.dataw != undefined) {
console.log("1");
console.log(this.dataw)
this.dataw.changes.subscribe(()=>{
if (this.dataw !=undefined) {
console.log("!2")
console.log(this.dataw.last.nativeElement)
this.dataw.last.nativeElement.focus();
}})
}
}

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjD2EN%3D-VY6G3tgmhQWyf-fZ9uWvGs%2BtU2HCOZM1o%3DjQ5g%40mail.gmail.com.


[AngularJS] Re: How to set focus list composed from div with *ngFor

2019-09-17 Thread Dev C
I understand that but how about focusing on given element, if you can
help.me.with this. May be giving some example.

Thanks

On Tuesday, September 17, 2019, Sander Elias  wrote:

> Hi,
>
> Why are all the `?` in the code? you are inside a ngFor loop, so it's
> defined by definition.
> Then the function seems completely unrelated to the template shown. There
> is too little to help you.
>
> As a tip, if you are inside a ngFor loop, it is a bad idea to set
> variables on a component level, as those are shared for each instance.
>
> 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 view this discussion on the web visit https://groups.google.com/d/
> msgid/angular/91f031e5-f80a-4452-a282-8e27aa07d11a%40googlegroups.com
> 
> .
>


-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjBH7YLOV5SHeJW1KN%3DiCbFcHQA8gvYHd52fuGK3xeRNLA%40mail.gmail.com.


[AngularJS] Re: How to set focus list composed from div with *ngFor

2019-09-17 Thread Dev C
Yes but I have template with div with ngFor. I did same in my example and
it is not working.

On Tuesday, September 17, 2019, Sander Elias  wrote:

> Hi Dev,
>
>
> Setting the focus from withing angular is the same as for native js.
>
> @ViewChild("someTemplateVar") someTemplateVar: ElementRef;
>  someMethod(): void {
>if (this.someTemplateVar.nativeElement) {
>   this.someTemplateVar.nativeElement.focus();
>}
>  }
>
> Wrapping inside the if makes sure you will not run into problems with SSR.
>
> 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 view this discussion on the web visit https://groups.google.com/d/
> msgid/angular/7b75229a-34b7-44bf-b1b0-2f3d85e277dd%40googlegroups.com
> 
> .
>


-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjCu9x_wQ%2BPjunxB4TKhivB9234eeo%3DQH9F%2B5cU%2BtFWG8w%40mail.gmail.com.


[AngularJS] Re: How to set focus list composed from div with *ngFor

2019-09-17 Thread Dev C
Thanks Sander

@ViewChildren('dataw') rows: QueryList |undefined

and in method

SetListFocus(){

this.rows.first.nativeElement.focus();


}

I did this but  not working.

On Tuesday, September 17, 2019, Sander Elias  wrote:

> Well, viewChild returns the occurrence of the template var. ngFor probably
> has multiple. also, its getting set afterViewInit.
> Try using @viewChildren it has a queryList that you can iterate over for
> multiple instances
>
> --
> 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 view this discussion on the web visit https://groups.google.com/d/
> msgid/angular/ef2fd72f-db08-45a1-91ff-1f5378adf05c%40googlegroups.com
> 
> .
>


-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjBSjKA07vCKWAtpHaYey5NFUG%3DBghYdvGK%2Bjko92pSOsw%40mail.gmail.com.


[AngularJS] Re: How to set focus list composed from div with *ngFor

2019-09-17 Thread Dev C
Also I want to focus the div tag which has been selected by user in
searchbox

On Tuesday, September 17, 2019, Dev C  wrote:

> Thanks Sander
>
> @ViewChildren('dataw') rows: QueryList |undefined
>
> and in method
>
> SetListFocus(){
>
> this.rows.first.nativeElement.focus();
>
>
> }
>
> I did this but  not working.
>
> On Tuesday, September 17, 2019, Sander Elias 
> wrote:
>
>> Well, viewChild returns the occurrence of the template var. ngFor
>> probably has multiple. also, its getting set afterViewInit.
>> Try using @viewChildren it has a queryList that you can iterate over for
>> multiple instances
>>
>> --
>> 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 view this discussion on the web visit https://groups.google.com/d/ms
>> gid/angular/ef2fd72f-db08-45a1-91ff-1f5378adf05c%40googlegroups.com
>> <https://groups.google.com/d/msgid/angular/ef2fd72f-db08-45a1-91ff-1f5378adf05c%40googlegroups.com?utm_medium=email_source=footer>
>> .
>>
>
>
> --
> Sent from my mi note 4 phone.
>


-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjBo3GM-%3DSxJyB5oNF4r-Rh4dEUdnaa%3DNhPhVkOJhV-9ng%40mail.gmail.com.


[AngularJS] @ViewChildren and retrive divs span value

2019-09-18 Thread Dev C
Hello I am having below code

@ViewChildren('name') names: QueryList

In html i have code as from where in i would like to focus on  item having
name as value which user types in and select from the search box.



{{data.name}}




-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjCv4yhOjROKT6PB5kQxi5XSrRGxxuYd9OjM%3DpPS3xS3_A%40mail.gmail.com.


[AngularJS] Service and big object

2019-07-29 Thread Dev C
Hello

We have one service call Onnginit, this would return one object, a possibly
1 mb json object, now i would.like to do paging, filtering & sorting into
object, until and unless page gets loaded and we need to hit the service.

Now my query is that, i need to do is filtering like amazon from left side.
like top 5 items with count and once user clicks on it, it should.fiter
within object and sorting should work accordingly, please help me with this
if anyobe has done similar stuff in past..

Thanks



-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjCFSdy_1EeswrnMxbjyod2-%2BZF%2Byx1AsaOnb_UNmR%3Do6g%40mail.gmail.com.


[AngularJS] angular visual studio line editor

2019-07-28 Thread Dev C
Hello

How to move any line where cursor is blinking to up/down in vs code edtior ?
any shortcut ?

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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjAA4XbuTh%3D_g0jiePH-5%2BH-bwTYjqBt3-0V1%2B31uVhd4Q%40mail.gmail.com.


Re: [AngularJS] Re: multiple pipes and does not work

2019-07-24 Thread Dev C
angular 6

On Wed, Jul 24, 2019 at 11:06 PM Tito  wrote:

> is this for AngularJS or angular ?
>
> On Wednesday, July 24, 2019 at 10:19:07 AM UTC-7, Dev C wrote:
>>
>>  
>>
>> I have above .html file where in sort array does not work, I mean I put
>> console.log in it but it never prints nor it sorts.
>>
>> 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 view this discussion on the web visit
> https://groups.google.com/d/msgid/angular/234485a1-417f-4f9c-b460-6a4b3a02682d%40googlegroups.com
> <https://groups.google.com/d/msgid/angular/234485a1-417f-4f9c-b460-6a4b3a02682d%40googlegroups.com?utm_medium=email_source=footer>
> .
>

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjCupfyXx76EExPpjoL9Vg2dYoxWUwx5dOaEA12QhjeW_g%40mail.gmail.com.


[AngularJS] multiple pipes and does not work

2019-07-24 Thread Dev C
 

I have above .html file where in sort array does not work, I mean I put
console.log in it but it never prints nor it sorts.

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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjBTgsVY8UrTmr0b4gUTrEvc2ziAOc9779sxXxGi2j8nrQ%40mail.gmail.com.


[AngularJS] Re: multiple pipes and does not work

2019-07-25 Thread Dev C
Hello Sendar
This helps , also array has name and description, is it possible to search
in both rather just in one name ?

On Thursday, July 25, 2019, Sander Elias  wrote:

> Hi Dev,
>
> Your search pipe expects an object with at least the property name in each
> row, and your sort expects an array that contains only strings. Make sure
> you have those in sync.
> I changed them a bit, so they now accept a property's name:
>
> @Pipe({name: "sort"})
> export class ArraySortPipe implements PipeTransform {
> transform(array: Array, propName: string): Array {
> return [...array.sort((a: any, b: any) => a[propName] < b[propName] ? -1 :
> 1)]
> }
> }
>
> @Pipe({ name: 'search' })
> export class SearchPipe implements PipeTransform {
> transform(value: any[], prop,term: string): any[] {
> return value.filter((x: any) => term === '' || x && x[prop] && x[prop].
> toLowerCase().includes(term.toLowerCase()))
> }
> }
>
> See it in action on stackblitz
> 
>
> 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 view this discussion on the web visit https://groups.google.com/d/
> msgid/angular/c90588ab-3375-4f70-b992-3ad2c5626874%40googlegroups.com
> 
> .
>


-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjCmH%2BTRv7vFux2pJ_CWNT1es_83KEJQgeehNXvHjzLDNQ%40mail.gmail.com.


Re: [AngularJS] Re: multiple pipes and does not work

2019-07-24 Thread Dev C
Hello Sander, below is the code for sort pipe.

import {Pipe, PipeTransform} from '@angular/core'
@Pipe({
name: "sort"
})
export class ArraySortPipe implements PipeTransform {
transform(array: Array, args: string): Array {
array.sort((a: any, b: any) => {
console.log("22")
if (a < b) {
console.log("!")
return -1;
} else if (a > b) {
console.log("2")
return 1;
} else {
console.log("3")
return 0;
}
});
return array;
}
}
and below is the code for search pipe
import {Pipe, PipeTransform} from '@angular/core';


@Pipe({name: 'search'})
export class SearchPipe implements PipeTransform {
transform(value: any[], term: string): any[] {
return value.filter((x: any) => x.name.toLowerCase().startsWith(term.
toLowerCase()))
}
}



On Wed, Jul 24, 2019 at 11:24 PM Sander Elias  wrote:

> Hi dev,
>
> Can you put a sample on stackblitz?Iit's hard to help you without seeing
> your code.
>
> 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 view this discussion on the web visit
> https://groups.google.com/d/msgid/angular/841f4685-1d96-4a84-9ef7-77960148a5f5%40googlegroups.com
> 
> .
>

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjCFvS%2BthgFbyJj-msgUO9fDT_b5Ewx%3DSP5n-SD48yfqCw%40mail.gmail.com.


[AngularJS] Array concat on ngOnInIt() and does not reflect in template

2019-09-26 Thread Dev C
  ngOnInit() {

I have array
console.log(this.array1) //this shows correct list

Second Array(this.array2) // this shows correct list

FinalArray =[];
FinalArray =this.array1.concat(this.array2)
//I also tried this one
This.finalArray = [...this.array,...this.array2]

   this.ref.detectChanges();
//this array is binded to HTMl template but this is not workin
template code here


 





What is missing here. ? it does not loaded into the template.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjDo7B3ySv44hLxcjSiJaMuysApTwcyTjQnVtcFNEFWxVQ%40mail.gmail.com.


[AngularJS] unit test cases for below snapshot please < Jasmin, Kerma >

2019-10-30 Thread Dev C
 ngOnDestroy() : void{
this.destroy$.next(true);
  }
  scroller(page:number) {
let scroller = document.getElementById("scroll")
if(scroller!= null){
  scroller.scrollTop=0;
}
  }

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjDk7H%2BjsMtEYC1Et0%3DHgSiFtSbXed1%2BbQ4F9bOv%3DaQ8dw%40mail.gmail.com.


[AngularJS] jasmin kerma unit test cases for scroll and ngdestroy

2019-10-30 Thread Dev C
Hello Can any one help me with below unit test cases.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjBSfG3-%2Bbv3%3D4Fxm4wKvwSYr%3DmRLYJjNKCD%3D5RVg5oghg%40mail.gmail.com.


[AngularJS] Re: unit test cases for below snapshot please < Jasmin, Kerma >

2019-11-07 Thread Dev C
Any help on this, can you pls help me writing kerma/jasmin unit test cases
for me.

>
>  ngOnDestroy() : void{
> this.destroy$.next(true);
>   }
>   scroller(page:number) {
> let scroller = document.getElementById("scroll")
> if(scroller!= null){
>   scroller.scrollTop=0;
> }
>   }
>
>
>
> --
> Sent from my mi note 4 phone.
>


-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjAjUQVD7c-xTEQXdhcCFDyvbNUqoimd62yQWaxMXar_7g%40mail.gmail.com.


[AngularJS] Fwd: unit test cases for below snapshot please < Jasmin, Kerma >

2019-10-31 Thread Dev C
Anyone can help menin this please.

-- Forwarded message --
From: *Dev C* 
Date: Wednesday, October 30, 2019
Subject: unit test cases for below snapshot please < Jasmin, Kerma >
To: sanderel...@gmail.com


hello sander can you please help me on this please

-- Forwarded message -
From: Dev C 
Date: Wed, Oct 30, 2019 at 1:14 PM
Subject: unit test cases for below snapshot please < Jasmin, Kerma >
To: 


 ngOnDestroy() : void{
this.destroy$.next(true);
  }
  scroller(page:number) {
let scroller = document.getElementById("scroll")
if(scroller!= null){
  scroller.scrollTop=0;
}
  }



-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjDsy2T%3DFNLAsLzjSMQ%3D-ZufVhox1Oesrmg3WaV_yS5PkQ%40mail.gmail.com.


[AngularJS] Using kerma unit test cases

2019-10-25 Thread Dev C
Hello there,

I would like to write unit test cases in kerma, could you please help me
any pointer for this ?

I would like to have to write unit test cases for a component wherin we
have more then one dependent services, ngbmodel, renderer2.

Thanks



-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjD%3DNFuy317%3DNzdkdgQz1mWxtx8k6RKe38LdGwva_QbFCg%40mail.gmail.com.


[AngularJS] Scroll up on ngb pagination page click

2019-10-22 Thread Dev C
Hello there,
I have below code where in my angular 6 application (pageChange)=
"loadPage($event)" , I am using loadPage method to scroll up in the table
as there 10 records in the table and I need to scroll up to the table to
top records. below stuff does not work it does not autoscroll up.

I am having 

loadPage(page:number) {
   window.scrollTo(0,0);
}
 


-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjBgtyta%2B6cSNSneJc59A2Z6KhTrVm_XoE1fA-gGEY80fw%40mail.gmail.com.


[AngularJS] Error: Invalid provider for the NgModule 'DynamicTestModule' - only instances of Provider and Type are allowed, got: [?[object Object]?, ...]

2019-10-29 Thread Dev C
Hello I am writing Unit test cases as below:

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { Injectable, CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA } from
'@angular/core';
import { isPlatformBrowser } from '@angular/common';
import { By, BrowserModule } from '@angular/platform-browser';
import { MockBackend } from '@angular/http/testing';

import {Component, Directive, ChangeDetectorRef, Renderer2} from
'@angular/core';
import { NgbModal, NgbModule } from '@ng-bootstrap/ng-bootstrap';
import {showallResult} from './showall.component';
import {NgbActiveModal} from '@ng-bootstrap/ng-bootstrap';
import {SearchService} from '@backbase/commons';
import {ItemModel} from '@backbase/foundation-ang/core';
import { XHRBackend } from '@angular/http/src/backends/xhr_backend';
import { Subject, Observable } from 'rxjs';
import { mineModule} from 'libs/mine-portfolio/src/common.module';

class ItemModelStub {
  public mockValue = new Subject();
  public property() {
  return this.mockValue as Observable;
  }
}

fdescribe('showallResult', () => {


  let fixture;
  let component: any;
  let  itemModelStub;

  beforeEach(() => {
const searchServiceStub = [{
  "lastPrice": {
"currency": "EUR",
"price": 123425.63,
"date": "2019-12-27T09:05:28.368Z"
  },
}]

 itemModelStub  = new ItemModelStub()
const changeDetectorRefStub = { markForCheck: () => ({}) };
TestBed.configureTestingModule({
  schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA],
  declarations:[],
  providers: [
 { proivide: SearchService, useValue:searchServiceStub},
 { provide: ItemModel,useValue: itemModelStub },
 { provide: ChangeDetectorRef,useValue: changeDetectorRefStub },
  ],
  imports : [mineModule,BrowserModule, NgbModule.forRoot()],
}).compileComponents();
fixture = TestBed.createComponent(showallResult);
component = fixture.componentInstance;
fixture.detectChanges();
  });

I am getting error as below :
Error: Invalid provider for the NgModule 'DynamicTestModule' - only
instances of Provider and Type are allowed, got: [?[object Object]?, ...]
this is probably because of this line:
   { proivide: SearchService, useValue:searchServiceStub},

Can anyone please help me in 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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjADGzdn%3D64f17mNj%3DGMBL1n6RqtgHL-dk%3DAnTV1RNab4A%40mail.gmail.com.


[AngularJS] TinyMCE 5.1.3 Rich text editor is not loading in IE 11

2020-04-13 Thread Dev C
I am using tinyMCE 5.1.3 (Angular6 ) (none cloud version ) within the
application version, like placing tinymce files, themes under asset folder
of angular scaffolding.

In my angular.json I have the below configuration::

"assets" :[
{
"glob": "/*",
"input": "node_modules/tinymce/skins",
"output": "/skins/"
},
{
"glob": "/",
"input": "node_modules/tinymce/themes",
"output": "/themes/"
},
{
"glob": "**/",
"input": "node_modules/tinymce/plugins",
"output": "/plugins/"
}
]
"scripts": [ "node_modules/tinymce/tinymce.min.js" ]

package.json
"tinymce": "^5.1.3",

I have similar configuration (atleast 100%) as below plnkr (component and
html wise )

http://plnkr.co/edit/E5Yzk9KT9nSWlPU6i1ZK?p=preview

Everything works in chrome latest version, however the *rich text editor* is
not getting visible in IE11. One thing I could see on IE is that it says
theme.js not found ( 404 ) error, I am not sure if this is really behind
editor not being visible on IE11.

Also what could i see is that the url for theme.js in IE different then URL
of chrome. in Chrome it points to dist folder of server, however in IE it
just points to scaffolding of the project.

in IE

http://myserver/gateway/myapp//themes/silver/theme.js

in Chrome: ( this I can hit in sepearte window with file I can see )

http://myserver/gateway/myapp//themes/silver/static/items/my-app-ang/dist/themes/silver/theme.js

but if someone has similar issue could help me in 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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjAGnp%3DtGk25_u1pZsCmB%2BavARwCR5M7C4D_FZHWp%3DK6hw%40mail.gmail.com.


Re: [AngularJS] Reload component child

2020-04-22 Thread Dev C
can you elabore on this ? what do you mean by reload,if you have @Input
from parent it will get reloaded automatically or you could use change
detection mechanism to enfore update from parent to child.

On Wednesday, April 22, 2020, hamza ayada  wrote:

> How I can reload a child component???
>
> --
> 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 view this discussion on the web visit https://groups.google.com/d/
> msgid/angular/1821e493-78b9-4f07-9a9a-33936a4c9cba%40googlegroups.com.
>


-- 
Sent from my mi note 4 phone.

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/angular/CAKVZMjAmrrLrLD54AHOabp6rRd-cd2ur8bV%3DBtmBt6ToGE0OfA%40mail.gmail.com.