All about Dinesh Kumar Ramakrishnan

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

5 months 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

5 months 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

5 months 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

7 months 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/

9 months 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); }

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

11 months 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

1 year 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

1 year 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!

1 year 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!

2 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

2 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/

2 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/

2 years ago

Angular and TypeScript

Angular with Mongodb

priyanshi bhardwaj wrote:I fixed the above error thanks but now i am getting another error

Cannot find module './lib/mongodb'
at Function.Module._resolveFilename (module.js:469:15)

this error is for app.js. Can you help me with this but still i am unable to retrieve database i have checked all the things which you have mentioned above they exists in the database.

You need install mongodb npm package to resolve this error. (npm install mongodb)

Start with simple example.Try to create node end point with mongodb collection retrieval first, Later implement add/delete etc. Use mongoose to connect mongodb and fellow the below tutorial to connect node with monogodb

https://developer.mozilla.org/en-US/docs/Learn/Server-side/Express_Nodejs
http://mongoosejs.com/docs/
https://scotch.io/tutorials/using-mongoosejs-in-node-js-and-mongodb-applications

Never give up!

2 years ago

Angular and TypeScript

Dinesh Kumar Ramakrishnan

Recent posts by Dinesh Kumar Ramakrishnan