How to OHIF Viewer in Angular project?

[Ashish Narnoli]

Overview

I have an existing Angular project in which I wanted to embed OHIf Viewer with below functionalities:

• User should select .DCM file from local and view it on screen (as shown in OHIF Viewer)
• It should also has capability to connect with Google DICOM APIs.

Objective

Is there any reference example/ document available which can help to take start? This is my first try with OHIF Viewer.

Thanks.

[saikrishna sandiri]

Hello ashish,

same here , iam also trying to integrate the OHIF viewer with angular web application,

if you have find any solution or reference can you please share with me

[Ashish Narnoli]

Hello,

Try this Demo which I created for integrating OHIF Viewer with Angular https://angular-ohif-viewer.stackblitz.io

[Nicolas Dumont]

Hello Ashish,

Is it possible to view the source code behind the example application you did with Angular?

https://angular-ohif-viewer.stackblitz.io

Thank you in advance,

Regards

Nicolas

[Nicolas Dumont]

I put an exemple here: https://github.com/OHIF/Viewers/issues/2668

[Nicolas Dumont]

Hello,

Do you believe it is possible to implement only the viewer without all the stuff around?

I do not need the Study list, only a viewer for a specific series

I'm trying to do this:

return (
  <ViewportGrid

With this kind of call:

renderDicomViewer(){
  debugger
  const options = {
    viewports: [
      {
        plugin: "cornerstone", // or VTK
        displaySet: {
          "studyInstanceUid": "1.2.840.10008.1.1234567", // Identifiant d'instance d'étude
          "seriesInstanceUid": "1.2.840.10008.2.9876543", // Identifiant d'instance de série
          "sopInstanceUid": "1.2.840.10008.3.12345678", // Identifiant d'instance d'image
          // Autres informations nécessaires pour l'affichage de l'image (ex : nom de l'image, type de modality, etc.)
          "imageId": "1.2.840.10008.3.12345678", // Identifiant d'image
          "instanceNumber": 1, // Numéro d'instance d'image
          "modality": "CT", // Modality de l'image (ex : CT, MR, etc.)
          // ...
        },
        viewportIndex: 0
      }
    ]
  };
  ReactDOM.render(
    React.createElement(DicomReactComponent, options),
    document.getElementById('react-dicom-id')
  );
}

But there is no result :(

--
You received this message because you are subscribed to the Google Groups "cornerstone platform" group.
To unsubscribe from this group and stop receiving emails from it, send an email to cornerstone-plat...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/cornerstone-platform/6f26fd81-3be7-4756-a036-46f4b4ff9be6n%40googlegroups.com.