# Wijmo_Angular2_Viewer

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								wijmo.angular2.viewer Module
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Contains Angular 2 components for the <b>wijmo.viewer</b> module.</p>
								</div>
								<p><b>wijmo.angular2.viewer</b> is an external TypeScript module that can be imported to your code
								using its ambient module name. For example:</p>
								<pre>import * as wjViewer from 'wijmo/wijmo.angular2.viewer';
&nbsp;
@Component({
    directives: [wjViewer.WjReportViewer, wjViewer.WjPdfViewer],
    template: `
      &lt;wj-report-viewer [reportName]="sales" [serviceUrl]="'webserviceApi'"&gt;
      &lt;/wj-report-viewer;`,
    selector: 'my-cmp',
})
export class MyCmp {
    data: any[];
}</pre>
							</div>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Classes
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_angular2_viewer.wjpdfviewer.html" class="tsd-kind-icon">Wj<wbr>Pdf<wbr>Viewer</a></li>
											<li class="tsd-kind-class tsd-parent-kind-external-module"><a href="../classes/wijmo_angular2_viewer.wjreportviewer.html" class="tsd-kind-icon">Wj<wbr>Report<wbr>Viewer</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
					</div>