The following API documentation has been developed to help you quickly find information specific to a Clinical Offce data service or Angular component you may be researching for your current MPage project. This API documentation assumes you know how to develop Cerner MPages in Angular with Clinical Office.

If you are new to Angular and/or Clinical Office, we highly suggest your start with our tutorials before continuing with the API documentation.

Data services act as the bridge between your Angular application and Cerner CCL. There are two types of data service in Clinical Office:MPage Edition. At the core of your application, the mPageService is responsible for communicating directly with CCL. Other than initializing your MPage, you will likely not directly access the mPageService anywhere else in your application.

The majority of data access will be performed through the various Cerner model services (e.g. PersonSevice, EncounterService, etc.). Each of these services are listed on the left.

Sometimes you may find the need to develop your own data services. We have provided the BaseDataService class just for this purpose. Simply extend your class with the BaseDataService class, create your updateData method along with any custom methods you need and your data service is ready to implement into your MPage.

Using Clinical Office:MPage Edition

Before you can use Clinical Office:MPage Edition, you need to install the NPM library on your development PC. Clinical Office is housed in a local NPM package and requires you have a copy of the tgz file stored on your hard drive. To do this, copy the Clinical Office .tgz file to a folder on your hard drive. We recommend c:\MPage\clinicaloffice.

Once you have generated your Angular CLI application as described in the MPage Project Setup tutorial you will need to add the Clinical Office package to your Angular application. Ensure that you are logged into NPM and from the root folder of your application, type in the following:

npm install c:/mpage/clinicaloffice/precisionhealth-clinical-office-mpage-0.1.3.tgz

Once the package has been installed, you will need to modify your app.module.ts script.

First, import the Clinical Office Package as follows:

import  { ClinicalOfficeMpageModule } from '@precisionhealth/clinical-office-mpage';

Next, modify your @NgModule imports declaration to include ClinicalOfficemPageModule. This will ensure that all of the Clinical Office services and components are available to your entire application.

  declarations: [
  imports: [
  providers: [],
  bootstrap: [AppComponent]
export class AppModule { }

At this point, Clinical Office:MPage Edition should be installed in your Angular application and you can begin working with the provided data services and components.