+++
# -----------------------------------------------------------------------
# Do not edit this file. It is automatically generated by API Documenter.
# -----------------------------------------------------------------------
title = "AngularLoader"
keywords = ["grafana","documentation","sdk","@grafana/runtime"]
type = "docs"
+++

## AngularLoader interface

Used to load an Angular component from the context of a React component. Please see the [AngularComponent](./runtime/angularcomponent.md) for a proper example.

<b>Signature</b>

```typescript
export interface AngularLoader 
```
<b>Import</b>

```typescript
import { AngularLoader } from '@grafana/runtime';
```
<b>Methods</b>

|  Method | Description |
|  --- | --- |
|  [load(elem, scopeProps, template)](#load-method) |  |

### load method

<b>Signature</b>

```typescript
load(elem: any, scopeProps: any, template: string): AngularComponent;
```
<b>Parameters</b>

|  Parameter | Type | Description |
|  --- | --- | --- |
|  elem | <code>any</code> | the element that the Angular component will be loaded into. |
|  scopeProps | <code>any</code> | values that will be accessed via the Angular scope. |
|  template | <code>string</code> | template used by the Angular component. |

<b>Returns:</b>

`AngularComponent`