Dinesh Kumar Ramakrishnan

Ranch Hand

+ Follow

98 Posts 15 Threads 0 Cows

since Aug 07, 2012

Dinesh Kumar likes ...

Merit Badge info

Noting to say much

kid with programming knowledge and unemployed

India

dinesh.glitch.me

Cows and Likes

Cows

Total received

In last 30 days

Total given

Likes

Total received

Received in last 30 days

Total given

Given in last 30 days

Forums and Threads

Scavenger Hunt

Ranch Hand Scavenger Hunt

Greenhorn Scavenger Hunt

Recent posts by Dinesh Kumar Ramakrishnan

Micro Frontends in Action: How much important web components in micro frontend?

Welcome Michael Geers !

I am seeing web components growing slowly year by year, what is the role of web components in micro service?
does this book cover web components in micro frontend also?

1 year ago

Server-Side JavaScript and NodeJS

How can I show JSON information with Javascript on my HTML page?

Hi Rico Papillon,

I am confused with use case why you are navigating to question.html once i selected question number. how can i select one more question option from question.html

3 years ago

HTML Pages with CSS and JavaScript

File Picker

You use primeng file picker. It's with MIT licence

https://www.primefaces.org/primeng/#/fileupload

Find source code of file upload component here.

https://github.com/primefaces/primeng/blob/master/src/app/components/fileupload/fileupload.ts

3 years ago

Angular and TypeScript

File Picker - Part 2 --- Default Location

Hi John,

I think it's not possible in js(angular) due to security reason.

https://stackoverflow.com/questions/17420595/how-to-open-a-file-browser-with-default-directory-in-javascript

3 years ago

Angular and TypeScript

angular type script removing duplicates from array based on Id

Try to use ES6 Map or Set functions. Or else go with reduce method

3 years ago

Angular and TypeScript

Can we run implement a todo application in AngularJS without any database code?

Welcome to coderanch.

Yes, you can but scope variable to save locally in JS variable and it will be destroyed once it's page refreshed. you can use some placeholder api endpoint to test your application.

https://jsonplaceholder.typicode.com/

3 years ago

Angular and TypeScript

How can intercept one HTTP request and modify the URL parameter?

You can use regex match or string replace to do this in the interceptor

Dinesh Kumar Ramakrishnan wrote:We cannot directly modify the request URL in intercept method, Since url is const in HttpRequest

We need to close the request object and modify URL something like below.
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { const cloneReq= req.clone({url: req.url+ "&customparem=value"}); return next.handle(cloneReq); }

3 years ago

Angular and TypeScript

How can intercept one HTTP request and modify the URL parameter?

We cannot directly modify the request URL in intercept method, Since url is const in HttpRequest

We need to close the request object and modify URL something like below.

3 years ago

Angular and TypeScript

SetInterval issue - beginner

Welcome to CodeRanch

in your file comment is not proper and broken img tag code. Below i have written the working version with changes. Learn more about setIntervel here : https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval

3 years ago

HTML Pages with CSS and JavaScript

Error while implementing calendar from primeng in angular

I guess your angular version and prime ng angular version is not matching. Please update your angular version to 5 or downgrade prime ng to v4.

Reference https://github.com/primefaces/primeng/issues/4401

4 years ago

Angular and TypeScript

How to find javascript function, attached to button, with Chrome developer tool?

Yes, it's possible with chrome developer tool. Select the DOM element which you want to check the dom event listener and switch to event lister tab. you will get a list of events for the dom element.

Like here : https://developers.google.com/web/tools/chrome-devtools/console/images/events-eventlisteners_panel.png

Reference : https://developers.google.com/web/tools/chrome-devtools/console/events

Sorry, the link https://www.studiotime.io is unreachable!

4 years ago

HTML Pages with CSS and JavaScript

How to intagrate angular 2 with JADE/PUG template.

Hi All,

I am developing an application in nodejs expressjs framework with mongodb backend. i'll receive data from mongodb and pass as model of for JADE template it will render the page.

I want to integrate angualrjs 2 for form validation, live search, filters and some of DOM modification. I am not sure we can target the DOM element directly to init angular application without specifying template like angular 1 .

Could someone please help me how to init angular2 in already rendered html jade.

Thanks!

5 years ago

Angular and TypeScript

Responsive Web Design

priyanshi bhardwaj wrote:hii.. Actually I am new to fiddle tool can you please tell me how to post code on fiddle.

jsFiddle will provide environment to execute your html,css & js codes in online and share with URL link

http://doc.jsfiddle.net/tutorial.html

5 years ago

Angular and TypeScript

Responsive Web Design

Please post your code in JSFiddle with all your lib files. That will be helpful for debug
https://jsfiddle.net/

5 years ago

Angular and TypeScript

Responsive Web Design

Hi,

Responsive web design is the approach, To make your web pages responsive in all screen sizes and devices.

It's a more of css media query work. If you are familiar with CSS you can start using popular css framework like bootstrap or materializecss

https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/
http://materializecss.com/
http://getbootstrap.com/

5 years ago

Angular and TypeScript