npm - @angular-wave/angular.ts - Versions diffs - 0.7.0-beta.0 → 0.7.1 - Mend

@angular-wave/angular.ts 0.7.0-beta.0 → 0.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1095) hide show

package/typedoc/interfaces/router_state_interface.ViewDeclaration.html ADDED Viewed

@@ -0,0 +1,1499 @@
+<!doctype html>
+<html class="default" lang="en" data-base="../">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="x-ua-compatible" content="IE=edge" />
+    <title>ViewDeclaration | AngularTS</title>
+    <meta name="description" content="Documentation for AngularTS" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="stylesheet" href="../assets/style.css" />
+    <link rel="stylesheet" href="../assets/highlight.css" />
+    <script defer src="../assets/main.js"></script>
+    <script async src="../assets/icons.js" id="tsd-icons-script"></script>
+    <script async src="../assets/search.js" id="tsd-search-script"></script>
+    <script async src="../assets/navigation.js" id="tsd-nav-script"></script>
+    <script
+      async
+      src="../assets/hierarchy.js"
+      id="tsd-hierarchy-script"
+    ></script>
+  </head>
+  <body>
+    <script>
+      document.documentElement.dataset.theme =
+        localStorage.getItem("tsd-theme") || "os";
+      document.body.style.display = "none";
+      setTimeout(
+        () =>
+          window.app
+            ? app.showPage()
+            : document.body.style.removeProperty("display"),
+        500,
+      );
+    </script>
+    <header class="tsd-page-toolbar">
+      <div class="tsd-toolbar-contents container">
+        <a href="../index.html" class="title">AngularTS</a>
+        <div id="tsd-toolbar-links"></div>
+        <button id="tsd-search-trigger" class="tsd-widget" aria-label="Search">
+          <svg
+            width="16"
+            height="16"
+            viewBox="0 0 16 16"
+            fill="none"
+            aria-hidden="true"
+          >
+            <use href="../assets/icons.svg#icon-search"></use>
+          </svg>
+        </button>
+        <dialog id="tsd-search" aria-label="Search">
+          <input
+            role="combobox"
+            id="tsd-search-input"
+            aria-controls="tsd-search-results"
+            aria-autocomplete="list"
+            aria-expanded="true"
+            autocapitalize="off"
+            autocomplete="off"
+            placeholder="Search the docs"
+            maxlength="100"
+          />
+          <ul role="listbox" id="tsd-search-results"></ul>
+          <div id="tsd-search-status" aria-live="polite" aria-atomic="true">
+            <div>Preparing search index...</div>
+          </div>
+        </dialog>
+        <a
+          href="#"
+          class="tsd-widget menu"
+          id="tsd-toolbar-menu-trigger"
+          data-toggle="menu"
+          aria-label="Menu"
+          ><svg
+            width="16"
+            height="16"
+            viewBox="0 0 16 16"
+            fill="none"
+            aria-hidden="true"
+          >
+            <use href="../assets/icons.svg#icon-menu"></use></svg
+        ></a>
+      </div>
+    </header>
+    <div class="container container-main">
+      <div class="col-content">
+        <div class="tsd-page-title">
+          <ul class="tsd-breadcrumb" aria-label="Breadcrumb">
+            <li>
+              <a href="../modules/router_state_interface.html"
+                >router/state/interface</a
+              >
+            </li>
+            <li><a href="" aria-current="page">ViewDeclaration</a></li>
+          </ul>
+          <h1>Interface ViewDeclaration</h1>
+        </div>
+        <section class="tsd-panel tsd-comment">
+          <div class="tsd-comment tsd-typography">
+            <p>Interface for declaring a view</p>
+            <p>
+              This interface defines the basic data that a normalized view
+              declaration will have on it. Add any additional fields that the
+              framework requires to that interface.
+            </p>
+          </div>
+          <div class="tsd-comment tsd-typography"></div>
+        </section>
+        <div class="tsd-signature">
+          <span class="tsd-signature-keyword">interface</span>
+          <span class="tsd-kind-interface">ViewDeclaration</span>
+          <span class="tsd-signature-symbol">{</span><br />    <a
+            class="tsd-kind-property"
+            href="#context"
+            >$context</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <a
+            href="router_view_interface.ViewContext.html"
+            class="tsd-signature-type tsd-kind-interface"
+            >ViewContext</a
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#name"
+            >$name</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-type">string</span
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#type"
+            >$type</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-type">string</span
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#uiviewcontextanchor"
+            >$uiViewContextAnchor</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-type">string</span
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#uiviewname"
+            >$uiViewName</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-type">string</span
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#bindings"
+            >bindings</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-symbol">{</span>
+          <span class="tsd-signature-symbol">[</span
+          ><span class="tsd-kind-index-signature">key</span
+          ><span class="tsd-signature-symbol">:</span>
+          <span class="tsd-signature-type">string</span
+          ><span class="tsd-signature-symbol">]:</span>
+          <span class="tsd-signature-type">string</span>
+          <span class="tsd-signature-symbol">}</span
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#component"
+            >component</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-type">string</span
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#componentprovider"
+            >componentProvider</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <a
+            href="../types/interface.Injectable.html"
+            class="tsd-signature-type tsd-kind-type-alias"
+            >Injectable</a
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#controller"
+            >controller</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-type">string</span>
+          <span class="tsd-signature-symbol">|</span>
+          <a
+            href="../types/interface.Injectable.html"
+            class="tsd-signature-type tsd-kind-type-alias"
+            >Injectable</a
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#controlleras"
+            >controllerAs</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-type">string</span
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#controllerprovider"
+            >controllerProvider</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <a
+            href="../types/interface.Injectable.html"
+            class="tsd-signature-type tsd-kind-type-alias"
+            >Injectable</a
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#resolveas"
+            >resolveAs</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-type">string</span
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#template"
+            >template</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-type">string</span>
+          <span class="tsd-signature-symbol">|</span>
+          <span class="tsd-signature-type">Function</span
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#templateprovider"
+            >templateProvider</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <a
+            href="../types/interface.Injectable.html"
+            class="tsd-signature-type tsd-kind-type-alias"
+            >Injectable</a
+          ><span class="tsd-signature-symbol">;</span><br />    <a
+            class="tsd-kind-property"
+            href="#templateurl"
+            >templateUrl</a
+          ><span class="tsd-signature-symbol">?:</span>
+          <span class="tsd-signature-type">string</span>
+          <span class="tsd-signature-symbol">|</span>
+          <span class="tsd-signature-type">Function</span
+          ><span class="tsd-signature-symbol">;</span><br /><span
+            class="tsd-signature-symbol"
+            >}</span
+          >
+        </div>
+        <section class="tsd-panel-group tsd-index-group">
+          <section class="tsd-panel tsd-index-panel">
+            <details class="tsd-index-content tsd-accordion" open>
+              <summary class="tsd-accordion-summary tsd-index-summary">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  aria-hidden="true"
+                >
+                  <use href="../assets/icons.svg#icon-chevronDown"></use>
+                </svg>
+                <h5 class="tsd-index-heading uppercase">Index</h5>
+              </summary>
+              <div class="tsd-accordion-details">
+                <section class="tsd-index-section">
+                  <h3 class="tsd-index-heading">Properties</h3>
+                  <div class="tsd-index-list">
+                    <a href="#context" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>$context?</span></a
+                    >
+                    <a href="#name" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>$name?</span></a
+                    >
+                    <a href="#type" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>$type?</span></a
+                    >
+                    <a href="#uiviewcontextanchor" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span
+                        >$ui<wbr />View<wbr />Context<wbr />Anchor?</span
+                      ></a
+                    >
+                    <a href="#uiviewname" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>$ui<wbr />View<wbr />Name?</span></a
+                    >
+                    <a href="#bindings" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>bindings?</span></a
+                    >
+                    <a href="#component" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>component?</span></a
+                    >
+                    <a href="#componentprovider" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>component<wbr />Provider?</span></a
+                    >
+                    <a href="#controller" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>controller?</span></a
+                    >
+                    <a href="#controlleras" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>controller<wbr />As?</span></a
+                    >
+                    <a href="#controllerprovider" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>controller<wbr />Provider?</span></a
+                    >
+                    <a href="#resolveas" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>resolve<wbr />As?</span></a
+                    >
+                    <a href="#template" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>template?</span></a
+                    >
+                    <a href="#templateprovider" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>template<wbr />Provider?</span></a
+                    >
+                    <a href="#templateurl" class="tsd-index-link"
+                      ><svg
+                        class="tsd-kind-icon"
+                        viewBox="0 0 24 24"
+                        aria-label="Property"
+                      >
+                        <use href="../assets/icons.svg#icon-1024"></use></svg
+                      ><span>template<wbr />Url?</span></a
+                    >
+                  </div>
+                </section>
+              </div>
+            </details>
+          </section>
+        </section>
+        <details class="tsd-panel-group tsd-member-group tsd-accordion" open>
+          <summary class="tsd-accordion-summary" data-key="section-Properties">
+            <svg
+              width="20"
+              height="20"
+              viewBox="0 0 24 24"
+              fill="none"
+              aria-hidden="true"
+            >
+              <use href="../assets/icons.svg#icon-chevronDown"></use>
+            </svg>
+            <h2>Properties</h2>
+          </summary>
+          <section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="context">
+                <code class="tsd-tag">Optional</code><span>$context</span
+                ><a
+                  href="#context"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">$context</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <a
+                  href="router_view_interface.ViewContext.html"
+                  class="tsd-signature-type tsd-kind-interface"
+                  >ViewContext</a
+                >
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>The context that this view is declared within.</p>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="name">
+                <code class="tsd-tag">Optional</code><span>$name</span
+                ><a href="#name" aria-label="Permalink" class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">$name</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-type">string</span>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>
+                  The raw name for the view declaration, i.e., the
+                  [[StateDeclaration.views]] property name.
+                </p>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="type">
+                <code class="tsd-tag">Optional</code><span>$type</span
+                ><a href="#type" aria-label="Permalink" class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">$type</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-type">string</span>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>A type identifier for the View</p>
+                <p>
+                  This is used when loading prerequisites for the view, before
+                  it enters the DOM. Different types of views may load
+                  differently (e.g., templateProvider+controllerProvider vs
+                  component class)
+                </p>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="uiviewcontextanchor">
+                <code class="tsd-tag">Optional</code
+                ><span>$ui<wbr />View<wbr />Context<wbr />Anchor</span
+                ><a
+                  href="#uiviewcontextanchor"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">$uiViewContextAnchor</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-type">string</span>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>
+                  The normalized context anchor (state name) for the
+                  <code>uiViewName</code>
+                </p>
+                <p>
+                  When targeting a <code>ui-view</code>, the
+                  <code>uiViewName</code> address is anchored to a context name
+                  (state name).
+                </p>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="uiviewname">
+                <code class="tsd-tag">Optional</code
+                ><span>$ui<wbr />View<wbr />Name</span
+                ><a
+                  href="#uiviewname"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">$uiViewName</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-type">string</span>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>
+                  The normalized address for the <code>ui-view</code> which this
+                  ViewConfig targets.
+                </p>
+                <p>
+                  A ViewConfig targets a <code>ui-view</code> in the DOM
+                  (relative to the <code>uiViewContextAnchor</code>) which has a
+                  specific name.
+                </p>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <div class="tsd-tag-example">
+                  <h4 class="tsd-anchor-link" id="example">
+                    Example<a
+                      href="#example"
+                      aria-label="Permalink"
+                      class="tsd-anchor-icon"
+                      ><svg viewBox="0 0 24 24" aria-hidden="true">
+                        <use href="../assets/icons.svg#icon-anchor"></use></svg
+                    ></a>
+                  </h4>
+                  <pre><code class="ts"><span class="hl-2">`header`</span><span class="hl-1"> </span><span class="hl-10">or</span><span class="hl-1"> </span><span class="hl-2">`$default`</span><br/><br/><span class="hl-10">The</span><span class="hl-1"> </span><span class="hl-2">`uiViewName`</span><span class="hl-1"> </span><span class="hl-10">can</span><span class="hl-1"> </span><span class="hl-10">also</span><span class="hl-1"> </span><span class="hl-10">target</span><span class="hl-1"> </span><span class="hl-10">a</span><span class="hl-1"> </span><span class="hl-10">_nested</span><span class="hl-1"> </span><span class="hl-10">view_</span><span class="hl-1"> </span><span class="hl-10">by</span><span class="hl-1"> </span><span class="hl-10">providing</span><span class="hl-1"> </span><span class="hl-10">a</span><span class="hl-1"> </span><span class="hl-10">dot</span><span class="hl-1">-</span><span class="hl-10">notation</span><span class="hl-1"> </span><span class="hl-10">address</span>
+</code><button type="button">Copy</button></pre>
+                </div>
+                <div class="tsd-tag-example">
+                  <h4 class="tsd-anchor-link" id="example-1">
+                    Example<a
+                      href="#example-1"
+                      aria-label="Permalink"
+                      class="tsd-anchor-icon"
+                      ><svg viewBox="0 0 24 24" aria-hidden="true">
+                        <use href="../assets/icons.svg#icon-anchor"></use></svg
+                    ></a>
+                  </h4>
+                  <pre><code class="ts"><span class="hl-2">`foo.bar`</span><span class="hl-1"> </span><span class="hl-10">or</span><span class="hl-1"> </span><span class="hl-2">`foo.$default.bar`</span>
+</code><button type="button">Copy</button></pre>
+                </div>
+              </div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="bindings">
+                <code class="tsd-tag">Optional</code><span>bindings</span
+                ><a
+                  href="#bindings"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">bindings</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-symbol">{</span>
+                <span class="tsd-signature-symbol">[</span
+                ><span class="tsd-kind-index-signature">key</span
+                ><span class="tsd-signature-symbol">:</span>
+                <span class="tsd-signature-type">string</span
+                ><span class="tsd-signature-symbol">]:</span>
+                <span class="tsd-signature-type">string</span>
+                <span class="tsd-signature-symbol">}</span>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>
+                  An object which maps <code>resolve</code>s to [[component]]
+                  <code>bindings</code>.
+                </p>
+                <p>
+                  A property of [[StateDeclaration]] or [[ViewDeclaration]]:
+                </p>
+                <p>
+                  When using a [[component]] declaration (<code
+                    >component: 'myComponent'</code
+                  >), each input binding for the component is supplied data from
+                  a resolve of the same name, by default. You may supply data
+                  from a different resolve name by mapping it here.
+                </p>
+                <p>
+                  Each key in this object is the name of one of the component's
+                  input bindings. Each value is the name of the resolve that
+                  should be provided to that binding.
+                </p>
+                <p>
+                  Any component bindings that are omitted from this map get the
+                  default behavior of mapping to a resolve of the same name.
+                </p>
+                <h4 id="example-2" class="tsd-anchor-link">
+                  Example:<a
+                    href="#example-2"
+                    aria-label="Permalink"
+                    class="tsd-anchor-icon"
+                    ><svg viewBox="0 0 24 24" aria-hidden="true">
+                      <use href="../assets/icons.svg#icon-anchor"></use></svg
+                  ></a>
+                </h4>
+                <pre><code class="js"><span class="hl-10">$stateProvider</span><span class="hl-1">.</span><span class="hl-0">state</span><span class="hl-1">(</span><span class="hl-2">&#39;foo&#39;</span><span class="hl-1">, {</span><br/><span class="hl-1">  </span><span class="hl-10">resolve:</span><span class="hl-1"> {</span><br/><span class="hl-1">    </span><span class="hl-0">foo</span><span class="hl-10">:</span><span class="hl-1"> </span><span class="hl-11">function</span><span class="hl-1">(</span><span class="hl-10">FooService</span><span class="hl-1">) { </span><span class="hl-8">return</span><span class="hl-1"> </span><span class="hl-10">FooService</span><span class="hl-1">.</span><span class="hl-0">get</span><span class="hl-1">(); },</span><br/><span class="hl-1">    </span><span class="hl-0">bar</span><span class="hl-10">:</span><span class="hl-1"> </span><span class="hl-11">function</span><span class="hl-1">(</span><span class="hl-10">BarService</span><span class="hl-1">) { </span><span class="hl-8">return</span><span class="hl-1"> </span><span class="hl-10">BarService</span><span class="hl-1">.</span><span class="hl-0">get</span><span class="hl-1">(); }</span><br/><span class="hl-1">  },</span><br/><span class="hl-1">  </span><span class="hl-10">component:</span><span class="hl-1"> </span><span class="hl-2">&#39;Baz&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">  </span><span class="hl-9">// The component&#39;s `baz` binding gets data from the `bar` resolve</span><br/><span class="hl-1">  </span><span class="hl-9">// The component&#39;s `foo` binding gets data from the `foo` resolve (default behavior)</span><br/><span class="hl-1">  </span><span class="hl-10">bindings:</span><span class="hl-1"> {</span><br/><span class="hl-1">    </span><span class="hl-10">baz:</span><span class="hl-1"> </span><span class="hl-2">&#39;bar&#39;</span><br/><span class="hl-1">  }</span><br/><span class="hl-1">});</span><br/><br/><span class="hl-10">app</span><span class="hl-1">.</span><span class="hl-0">component</span><span class="hl-1">(</span><span class="hl-2">&#39;Baz&#39;</span><span class="hl-1">, {</span><br/><span class="hl-1">  </span><span class="hl-10">templateUrl:</span><span class="hl-1"> </span><span class="hl-2">&#39;baz.html&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">  </span><span class="hl-10">controller:</span><span class="hl-1"> </span><span class="hl-2">&#39;BazController&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">  </span><span class="hl-10">bindings:</span><span class="hl-1"> {</span><br/><span class="hl-1">    </span><span class="hl-10">foo:</span><span class="hl-1"> </span><span class="hl-2">&#39;&lt;&#39;</span><span class="hl-1">, </span><span class="hl-9">// foo binding</span><br/><span class="hl-1">    </span><span class="hl-10">baz:</span><span class="hl-1"> </span><span class="hl-2">&#39;&lt;&#39;</span><span class="hl-1">  </span><span class="hl-9">// baz binding</span><br/><span class="hl-1">  }</span><br/><span class="hl-1">});</span>
+</code><button type="button">Copy</button></pre>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="component">
+                <code class="tsd-tag">Optional</code><span>component</span
+                ><a
+                  href="#component"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">component</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-type">string</span>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>The name of the component to use for this view.</p>
+                <p>
+                  A property of [[StateDeclaration]] or [[ViewDeclaration]]:
+                </p>
+                <p>
+                  The name of an
+                  <a href="https://docs.angularjs.org/guide/component"
+                    >angular 1.5+ <code>.component()</code></a
+                  >
+                  (or directive with bindToController and/or scope declaration)
+                  which will be used for this view.
+                </p>
+                <p>
+                  Resolve data can be provided to the component via the
+                  component's <code>bindings</code> object (for 1.3+ directives,
+                  the <code>bindToController</code> is used; for other
+                  directives, the <code>scope</code> declaration is used). For
+                  each binding declared on the component, any resolve with the
+                  same name is set on the component's controller instance. The
+                  binding is provided to the component as a one-time-binding. In
+                  general, components should likewise declare their input
+                  bindings as
+                  <a
+                    href="https://docs.angularjs.org/api/ng/service/$compile#-scope-"
+                    >one-way (&quot;&lt;&quot;)</a
+                  >.
+                </p>
+                <p>
+                  Note: inside a &quot;views:&quot; block, a bare string
+                  <code>&quot;foo&quot;</code> is shorthand for
+                  <code>{ component: &quot;foo&quot; }</code>
+                </p>
+                <p>
+                  Note: Mapping from resolve names to component inputs may be
+                  specified using [[bindings]].
+                </p>
+                <h4 id="example-3" class="tsd-anchor-link">
+                  Example:<a
+                    href="#example-3"
+                    aria-label="Permalink"
+                    class="tsd-anchor-icon"
+                    ><svg viewBox="0 0 24 24" aria-hidden="true">
+                      <use href="../assets/icons.svg#icon-anchor"></use></svg
+                  ></a>
+                </h4>
+                <pre><code class="js"><span class="hl-1">.</span><span class="hl-0">state</span><span class="hl-1">(</span><span class="hl-2">&#39;profile&#39;</span><span class="hl-1">, {</span><br/><span class="hl-1">  </span><span class="hl-9">// Use the &lt;my-profile&gt;&lt;/my-profile&gt; component for the Unnamed view</span><br/><span class="hl-1">  </span><span class="hl-10">component:</span><span class="hl-1"> </span><span class="hl-2">&#39;MyProfile&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-1">.</span><span class="hl-0">state</span><span class="hl-1">(</span><span class="hl-2">&#39;messages&#39;</span><span class="hl-1">, {</span><br/><span class="hl-1">  </span><span class="hl-9">// use the &lt;nav-bar&gt;&lt;/nav-bar&gt; component for the view named &#39;header&#39;</span><br/><span class="hl-1">  </span><span class="hl-9">// use the &lt;message-list&gt;&lt;/message-list&gt; component for the view named &#39;content&#39;</span><br/><span class="hl-1">  </span><span class="hl-10">views:</span><span class="hl-1"> {</span><br/><span class="hl-1">    </span><span class="hl-10">header:</span><span class="hl-1"> { </span><span class="hl-10">component:</span><span class="hl-1"> </span><span class="hl-2">&#39;NavBar&#39;</span><span class="hl-1"> },</span><br/><span class="hl-1">    </span><span class="hl-10">content:</span><span class="hl-1"> { </span><span class="hl-10">component:</span><span class="hl-1"> </span><span class="hl-2">&#39;MessageList&#39;</span><span class="hl-1"> }</span><br/><span class="hl-1">  }</span><br/><span class="hl-1">}</span><br/><br/><span class="hl-1">.</span><span class="hl-0">state</span><span class="hl-1">(</span><span class="hl-2">&#39;contacts&#39;</span><span class="hl-1">, {</span><br/><span class="hl-1">  </span><span class="hl-9">// Inside a &quot;views:&quot; block, a bare string &quot;NavBar&quot; is shorthand for { component: &quot;NavBar&quot; }</span><br/><span class="hl-1">  </span><span class="hl-9">// use the &lt;nav-bar&gt;&lt;/nav-bar&gt; component for the view named &#39;header&#39;</span><br/><span class="hl-1">  </span><span class="hl-9">// use the &lt;contact-list&gt;&lt;/contact-list&gt; component for the view named &#39;content&#39;</span><br/><span class="hl-1">  </span><span class="hl-10">views:</span><span class="hl-1"> {</span><br/><span class="hl-1">    </span><span class="hl-10">header:</span><span class="hl-1"> </span><span class="hl-2">&#39;NavBar&#39;</span><span class="hl-1">,</span><br/><span class="hl-1">    </span><span class="hl-10">content:</span><span class="hl-1"> </span><span class="hl-2">&#39;ContactList&#39;</span><br/><span class="hl-1">  }</span><br/><span class="hl-1">}</span>
+</code><button type="button">Copy</button></pre>
+                <p>
+                  Note: When using <code>component</code> to define a view, you
+                  may <em>not</em> use any of: <code>template</code>,
+                  <code>templateUrl</code>, <code>templateProvider</code>,
+                  <code>controller</code>, <code>controllerProvider</code>,
+                  <code>controllerAs</code>.
+                </p>
+                <p>
+                  See also: Todd Motto's angular 1.3 and 1.4
+                  <a href="https://github.com/toddmotto/angular-component"
+                    >backport of .component()</a
+                  >
+                </p>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="componentprovider">
+                <code class="tsd-tag">Optional</code
+                ><span>component<wbr />Provider</span
+                ><a
+                  href="#componentprovider"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">componentProvider</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <a
+                  href="../types/interface.Injectable.html"
+                  class="tsd-signature-type tsd-kind-type-alias"
+                  >Injectable</a
+                >
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>Dynamic component provider function.</p>
+                <p>
+                  A property of [[StateDeclaration]] or [[ViewDeclaration]]:
+                </p>
+                <p>
+                  This is an injectable provider function which returns the name
+                  of the component to use. The provider will invoked during a
+                  Transition in which the view's state is entered. The provider
+                  is called after the resolve data is fetched.
+                </p>
+                <h4 id="example-4" class="tsd-anchor-link">
+                  Example:<a
+                    href="#example-4"
+                    aria-label="Permalink"
+                    class="tsd-anchor-icon"
+                    ><svg viewBox="0 0 24 24" aria-hidden="true">
+                      <use href="../assets/icons.svg#icon-anchor"></use></svg
+                  ></a>
+                </h4>
+                <pre><code class="js"><span class="hl-15">componentProvider</span><span class="hl-1">: </span><span class="hl-11">function</span><span class="hl-1">(</span><span class="hl-10">MyResolveData</span><span class="hl-1">, </span><span class="hl-10">$transition$</span><span class="hl-1">) {</span><br/><span class="hl-1">  </span><span class="hl-8">if</span><span class="hl-1"> (</span><span class="hl-10">MyResolveData</span><span class="hl-1">.</span><span class="hl-10">foo</span><span class="hl-1">) {</span><br/><span class="hl-1">    </span><span class="hl-8">return</span><span class="hl-1"> </span><span class="hl-2">&quot;fooComponent&quot;</span><br/><span class="hl-1">  } </span><span class="hl-8">else</span><span class="hl-1"> </span><span class="hl-8">if</span><span class="hl-1"> (</span><span class="hl-10">$transition$</span><span class="hl-1">.</span><span class="hl-0">to</span><span class="hl-1">().</span><span class="hl-10">name</span><span class="hl-1"> === </span><span class="hl-2">&#39;bar&#39;</span><span class="hl-1">) {</span><br/><span class="hl-1">    </span><span class="hl-8">return</span><span class="hl-1"> </span><span class="hl-2">&quot;barComponent&quot;</span><span class="hl-1">;</span><br/><span class="hl-1">  }</span><br/><span class="hl-1">}</span>
+</code><button type="button">Copy</button></pre>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="controller">
+                <code class="tsd-tag">Optional</code><span>controller</span
+                ><a
+                  href="#controller"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">controller</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-type">string</span>
+                <span class="tsd-signature-symbol">|</span>
+                <a
+                  href="../types/interface.Injectable.html"
+                  class="tsd-signature-type tsd-kind-type-alias"
+                  >Injectable</a
+                >
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>The view's controller function or name</p>
+                <p>
+                  A property of [[StateDeclaration]] or [[ViewDeclaration]]:
+                </p>
+                <p>
+                  The controller function, or the name of a registered
+                  controller. The controller function will be used to control
+                  the contents of the [[directives.uiView]] directive.
+                </p>
+                <p>
+                  If specified as a string, controllerAs can be declared here,
+                  i.e., &quot;FooController as foo&quot; instead of in a
+                  separate [[controllerAs]] property.
+                </p>
+                <p>
+                  See: [[Ng1Controller]] for information about component-level
+                  router hooks.
+                </p>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="controlleras">
+                <code class="tsd-tag">Optional</code
+                ><span>controller<wbr />As</span
+                ><a
+                  href="#controlleras"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">controllerAs</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-type">string</span>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>A controller alias name.</p>
+                <p>
+                  A property of [[StateDeclaration]] or [[ViewDeclaration]]:
+                </p>
+                <p>
+                  If present, the controller will be published to scope under
+                  the <code>controllerAs</code> name. See:
+                  <a
+                    href="https://docs.angularjs.org/api/ng/directive/ngController"
+                    >https://docs.angularjs.org/api/ng/directive/ngController</a
+                  >
+                </p>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="controllerprovider">
+                <code class="tsd-tag">Optional</code
+                ><span>controller<wbr />Provider</span
+                ><a
+                  href="#controllerprovider"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">controllerProvider</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <a
+                  href="../types/interface.Injectable.html"
+                  class="tsd-signature-type tsd-kind-type-alias"
+                  >Injectable</a
+                >
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>Dynamic controller provider function.</p>
+                <p>
+                  A property of [[StateDeclaration]] or [[ViewDeclaration]]:
+                </p>
+                <p>
+                  This is an injectable provider function which returns the
+                  actual controller function, or the name of a registered
+                  controller. The provider will invoked during a Transition in
+                  which the view's state is entered. The provider is called
+                  after the resolve data is fetched.
+                </p>
+                <h4 id="example-5" class="tsd-anchor-link">
+                  Example:<a
+                    href="#example-5"
+                    aria-label="Permalink"
+                    class="tsd-anchor-icon"
+                    ><svg viewBox="0 0 24 24" aria-hidden="true">
+                      <use href="../assets/icons.svg#icon-anchor"></use></svg
+                  ></a>
+                </h4>
+                <pre><code class="js"><span class="hl-15">controllerProvider</span><span class="hl-1">: </span><span class="hl-11">function</span><span class="hl-1">(</span><span class="hl-10">MyResolveData</span><span class="hl-1">, </span><span class="hl-10">$transition$</span><span class="hl-1">) {</span><br/><span class="hl-1">  </span><span class="hl-8">if</span><span class="hl-1"> (</span><span class="hl-10">MyResolveData</span><span class="hl-1">.</span><span class="hl-10">foo</span><span class="hl-1">) {</span><br/><span class="hl-1">    </span><span class="hl-8">return</span><span class="hl-1"> </span><span class="hl-2">&quot;FooCtrl&quot;</span><br/><span class="hl-1">  } </span><span class="hl-8">else</span><span class="hl-1"> </span><span class="hl-8">if</span><span class="hl-1"> (</span><span class="hl-10">$transition$</span><span class="hl-1">.</span><span class="hl-0">to</span><span class="hl-1">().</span><span class="hl-10">name</span><span class="hl-1"> === </span><span class="hl-2">&#39;bar&#39;</span><span class="hl-1">) {</span><br/><span class="hl-1">    </span><span class="hl-8">return</span><span class="hl-1"> </span><span class="hl-2">&quot;BarCtrl&quot;</span><span class="hl-1">;</span><br/><span class="hl-1">  } </span><span class="hl-8">else</span><span class="hl-1"> {</span><br/><span class="hl-1">    </span><span class="hl-8">return</span><span class="hl-1"> </span><span class="hl-11">function</span><span class="hl-1">(</span><span class="hl-10">$scope</span><span class="hl-1">) {</span><br/><span class="hl-1">      </span><span class="hl-10">$scope</span><span class="hl-1">.</span><span class="hl-10">baz</span><span class="hl-1"> = </span><span class="hl-2">&quot;Qux&quot;</span><span class="hl-1">;</span><br/><span class="hl-1">    }</span><br/><span class="hl-1">  }</span><br/><span class="hl-1">}</span>
+</code><button type="button">Copy</button></pre>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="resolveas">
+                <code class="tsd-tag">Optional</code
+                ><span>resolve<wbr />As</span
+                ><a
+                  href="#resolveas"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">resolveAs</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-type">string</span>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>The scope variable name to use for resolve data.</p>
+                <p>
+                  A property of [[StateDeclaration]] or [[ViewDeclaration]]:
+                </p>
+                <p>
+                  When a view is activated, the resolved data for the state
+                  which the view belongs to is put on the scope. This property
+                  sets the name of the scope variable to use for the resolved
+                  data.
+                </p>
+                <p>Defaults to <code>$resolve</code>.</p>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="template">
+                <code class="tsd-tag">Optional</code><span>template</span
+                ><a
+                  href="#template"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">template</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-type">string</span>
+                <span class="tsd-signature-symbol">|</span>
+                <span class="tsd-signature-type">Function</span>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>The HTML template for the view.</p>
+                <p>
+                  A property of [[StateDeclaration]] or [[ViewDeclaration]]:
+                </p>
+                <p>
+                  HTML template as a string, or a function which returns an html
+                  template as a string. This template will be used to render the
+                  corresponding [[directives.uiView]] directive.
+                </p>
+                <p>This property takes precedence over templateUrl.</p>
+                <p>
+                  If <code>template</code> is a function, it will be called with
+                  the Transition parameters as the first argument.
+                </p>
+                <h4 id="example-6" class="tsd-anchor-link">
+                  Example:<a
+                    href="#example-6"
+                    aria-label="Permalink"
+                    class="tsd-anchor-icon"
+                    ><svg viewBox="0 0 24 24" aria-hidden="true">
+                      <use href="../assets/icons.svg#icon-anchor"></use></svg
+                  ></a>
+                </h4>
+                <pre><code class="js"><span class="hl-15">template</span><span class="hl-1">: </span><span class="hl-2">&quot;&lt;h1&gt;inline template definition&lt;/h1&gt;&lt;div ui-view&gt;&lt;/div&gt;&quot;</span>
+</code><button type="button">Copy</button></pre>
+                <h4 id="example-7" class="tsd-anchor-link">
+                  Example:<a
+                    href="#example-7"
+                    aria-label="Permalink"
+                    class="tsd-anchor-icon"
+                    ><svg viewBox="0 0 24 24" aria-hidden="true">
+                      <use href="../assets/icons.svg#icon-anchor"></use></svg
+                  ></a>
+                </h4>
+                <pre><code class="js"><span class="hl-15">template</span><span class="hl-1">: </span><span class="hl-11">function</span><span class="hl-1">(</span><span class="hl-10">params</span><span class="hl-1">) {</span><br/><span class="hl-1">  </span><span class="hl-8">return</span><span class="hl-1"> </span><span class="hl-2">&quot;&lt;h1&gt;generated template&lt;/h1&gt;&quot;</span><span class="hl-1">;</span><br/><span class="hl-1">}</span>
+</code><button type="button">Copy</button></pre>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="templateprovider">
+                <code class="tsd-tag">Optional</code
+                ><span>template<wbr />Provider</span
+                ><a
+                  href="#templateprovider"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">templateProvider</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <a
+                  href="../types/interface.Injectable.html"
+                  class="tsd-signature-type tsd-kind-type-alias"
+                  >Injectable</a
+                >
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>Injected function which returns the HTML template.</p>
+                <p>
+                  A property of [[StateDeclaration]] or [[ViewDeclaration]]:
+                </p>
+                <p>
+                  Injected function which returns the HTML template. The
+                  template will be used to render the corresponding
+                  [[directives.uiView]] directive.
+                </p>
+                <h4 id="example-8" class="tsd-anchor-link">
+                  Example:<a
+                    href="#example-8"
+                    aria-label="Permalink"
+                    class="tsd-anchor-icon"
+                    ><svg viewBox="0 0 24 24" aria-hidden="true">
+                      <use href="../assets/icons.svg#icon-anchor"></use></svg
+                  ></a>
+                </h4>
+                <pre><code class="js"><span class="hl-15">templateProvider</span><span class="hl-1">: </span><span class="hl-11">function</span><span class="hl-1">(</span><span class="hl-10">MyTemplateService</span><span class="hl-1">, </span><span class="hl-10">$transition$</span><span class="hl-1">) {</span><br/><span class="hl-1">  </span><span class="hl-8">return</span><span class="hl-1"> </span><span class="hl-10">MyTemplateService</span><span class="hl-1">.</span><span class="hl-0">getTemplate</span><span class="hl-1">(</span><span class="hl-10">$transition$</span><span class="hl-1">.</span><span class="hl-0">params</span><span class="hl-1">().</span><span class="hl-10">pageId</span><span class="hl-1">);</span><br/><span class="hl-1">}</span>
+</code><button type="button">Copy</button></pre>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+            <section class="tsd-panel tsd-member">
+              <h3 class="tsd-anchor-link" id="templateurl">
+                <code class="tsd-tag">Optional</code
+                ><span>template<wbr />Url</span
+                ><a
+                  href="#templateurl"
+                  aria-label="Permalink"
+                  class="tsd-anchor-icon"
+                  ><svg viewBox="0 0 24 24" aria-hidden="true">
+                    <use href="../assets/icons.svg#icon-anchor"></use></svg
+                ></a>
+              </h3>
+              <div class="tsd-signature">
+                <span class="tsd-kind-property">templateUrl</span
+                ><span class="tsd-signature-symbol">?:</span>
+                <span class="tsd-signature-type">string</span>
+                <span class="tsd-signature-symbol">|</span>
+                <span class="tsd-signature-type">Function</span>
+              </div>
+              <div class="tsd-comment tsd-typography">
+                <p>The URL for the HTML template for the view.</p>
+                <p>
+                  A property of [[StateDeclaration]] or [[ViewDeclaration]]:
+                </p>
+                <p>
+                  A path or a function that returns a path to an html template.
+                  The template will be fetched and used to render the
+                  corresponding [[directives.uiView]] directive.
+                </p>
+                <p>
+                  If <code>templateUrl</code> is a function, it will be called
+                  with the Transition parameters as the first argument.
+                </p>
+                <h4 id="example-9" class="tsd-anchor-link">
+                  Example:<a
+                    href="#example-9"
+                    aria-label="Permalink"
+                    class="tsd-anchor-icon"
+                    ><svg viewBox="0 0 24 24" aria-hidden="true">
+                      <use href="../assets/icons.svg#icon-anchor"></use></svg
+                  ></a>
+                </h4>
+                <pre><code class="js"><span class="hl-15">templateUrl</span><span class="hl-1">: </span><span class="hl-2">&quot;/templates/home.html&quot;</span>
+</code><button type="button">Copy</button></pre>
+                <h4 id="example-10" class="tsd-anchor-link">
+                  Example:<a
+                    href="#example-10"
+                    aria-label="Permalink"
+                    class="tsd-anchor-icon"
+                    ><svg viewBox="0 0 24 24" aria-hidden="true">
+                      <use href="../assets/icons.svg#icon-anchor"></use></svg
+                  ></a>
+                </h4>
+                <pre><code class="js"><span class="hl-15">templateUrl</span><span class="hl-1">: </span><span class="hl-11">function</span><span class="hl-1">(</span><span class="hl-10">params</span><span class="hl-1">) {</span><br/><span class="hl-1">  </span><span class="hl-8">return</span><span class="hl-1"> </span><span class="hl-10">myTemplates</span><span class="hl-1">[</span><span class="hl-10">params</span><span class="hl-1">.</span><span class="hl-10">pageId</span><span class="hl-1">];</span><br/><span class="hl-1">}</span>
+</code><button type="button">Copy</button></pre>
+              </div>
+              <div class="tsd-comment tsd-typography"></div>
+            </section>
+          </section>
+        </details>
+      </div>
+      <div class="col-sidebar">
+        <div class="page-menu">
+          <div class="tsd-navigation settings">
+            <details class="tsd-accordion">
+              <summary class="tsd-accordion-summary">
+                <svg
+                  width="20"
+                  height="20"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  aria-hidden="true"
+                >
+                  <use href="../assets/icons.svg#icon-chevronDown"></use>
+                </svg>
+                <h3>Settings</h3>
+              </summary>
+              <div class="tsd-accordion-details">
+                <div class="tsd-filter-visibility">
+                  <span class="settings-label">Member Visibility</span>
+                  <ul id="tsd-filter-options">
+                    <li class="tsd-filter-item">
+                      <label class="tsd-filter-input"
+                        ><input
+                          type="checkbox"
+                          id="tsd-filter-protected"
+                          name="protected"
+                        /><svg
+                          width="32"
+                          height="32"
+                          viewBox="0 0 32 32"
+                          aria-hidden="true"
+                        >
+                          <rect
+                            class="tsd-checkbox-background"
+                            width="30"
+                            height="30"
+                            x="1"
+                            y="1"
+                            rx="6"
+                            fill="none"
+                          ></rect>
+                          <path
+                            class="tsd-checkbox-checkmark"
+                            d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
+                            stroke="none"
+                            stroke-width="3.5"
+                            stroke-linejoin="round"
+                            fill="none"
+                          ></path></svg
+                        ><span>Protected</span></label
+                      >
+                    </li>
+                    <li class="tsd-filter-item">
+                      <label class="tsd-filter-input"
+                        ><input
+                          type="checkbox"
+                          id="tsd-filter-inherited"
+                          name="inherited"
+                          checked
+                        /><svg
+                          width="32"
+                          height="32"
+                          viewBox="0 0 32 32"
+                          aria-hidden="true"
+                        >
+                          <rect
+                            class="tsd-checkbox-background"
+                            width="30"
+                            height="30"
+                            x="1"
+                            y="1"
+                            rx="6"
+                            fill="none"
+                          ></rect>
+                          <path
+                            class="tsd-checkbox-checkmark"
+                            d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
+                            stroke="none"
+                            stroke-width="3.5"
+                            stroke-linejoin="round"
+                            fill="none"
+                          ></path></svg
+                        ><span>Inherited</span></label
+                      >
+                    </li>
+                    <li class="tsd-filter-item">
+                      <label class="tsd-filter-input"
+                        ><input
+                          type="checkbox"
+                          id="tsd-filter-external"
+                          name="external"
+                        /><svg
+                          width="32"
+                          height="32"
+                          viewBox="0 0 32 32"
+                          aria-hidden="true"
+                        >
+                          <rect
+                            class="tsd-checkbox-background"
+                            width="30"
+                            height="30"
+                            x="1"
+                            y="1"
+                            rx="6"
+                            fill="none"
+                          ></rect>
+                          <path
+                            class="tsd-checkbox-checkmark"
+                            d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25"
+                            stroke="none"
+                            stroke-width="3.5"
+                            stroke-linejoin="round"
+                            fill="none"
+                          ></path></svg
+                        ><span>External</span></label
+                      >
+                    </li>
+                  </ul>
+                </div>
+                <div class="tsd-theme-toggle">
+                  <label class="settings-label" for="tsd-theme">Theme</label
+                  ><select id="tsd-theme">
+                    <option value="os">OS</option>
+                    <option value="light">Light</option>
+                    <option value="dark">Dark</option>
+                  </select>
+                </div>
+              </div>
+            </details>
+          </div>
+          <details open class="tsd-accordion tsd-page-navigation">
+            <summary class="tsd-accordion-summary">
+              <svg
+                width="20"
+                height="20"
+                viewBox="0 0 24 24"
+                fill="none"
+                aria-hidden="true"
+              >
+                <use href="../assets/icons.svg#icon-chevronDown"></use>
+              </svg>
+              <h3>On This Page</h3>
+            </summary>
+            <div class="tsd-accordion-details">
+              <details open class="tsd-accordion tsd-page-navigation-section">
+                <summary
+                  class="tsd-accordion-summary"
+                  data-key="section-Properties"
+                >
+                  <svg
+                    width="20"
+                    height="20"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    aria-hidden="true"
+                  >
+                    <use href="../assets/icons.svg#icon-chevronDown"></use></svg
+                  >Properties
+                </summary>
+                <div>
+                  <a href="#context"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>$context</span></a
+                  ><a href="#name"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>$name</span></a
+                  ><a href="#type"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>$type</span></a
+                  ><a href="#uiviewcontextanchor"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>$ui<wbr />View<wbr />Context<wbr />Anchor</span></a
+                  ><a href="#uiviewname"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>$ui<wbr />View<wbr />Name</span></a
+                  ><a href="#bindings"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>bindings</span></a
+                  >
+                  <ul>
+                    <li>
+                      <ul>
+                        <li>
+                          <ul>
+                            <li>
+                              <ul>
+                                <li>
+                                  <a href="#example-2"><span>Example:</span></a>
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </li>
+                      </ul>
+                    </li>
+                  </ul>
+                  <a href="#component"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>component</span></a
+                  >
+                  <ul>
+                    <li>
+                      <ul>
+                        <li>
+                          <ul>
+                            <li>
+                              <ul>
+                                <li>
+                                  <a href="#example-3"><span>Example:</span></a>
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </li>
+                      </ul>
+                    </li>
+                  </ul>
+                  <a href="#componentprovider"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>component<wbr />Provider</span></a
+                  >
+                  <ul>
+                    <li>
+                      <ul>
+                        <li>
+                          <ul>
+                            <li>
+                              <ul>
+                                <li>
+                                  <a href="#example-4"><span>Example:</span></a>
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </li>
+                      </ul>
+                    </li>
+                  </ul>
+                  <a href="#controller"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>controller</span></a
+                  ><a href="#controlleras"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>controller<wbr />As</span></a
+                  ><a href="#controllerprovider"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>controller<wbr />Provider</span></a
+                  >
+                  <ul>
+                    <li>
+                      <ul>
+                        <li>
+                          <ul>
+                            <li>
+                              <ul>
+                                <li>
+                                  <a href="#example-5"><span>Example:</span></a>
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </li>
+                      </ul>
+                    </li>
+                  </ul>
+                  <a href="#resolveas"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>resolve<wbr />As</span></a
+                  ><a href="#template"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>template</span></a
+                  >
+                  <ul>
+                    <li>
+                      <ul>
+                        <li>
+                          <ul>
+                            <li>
+                              <ul>
+                                <li>
+                                  <a href="#example-6"><span>Example:</span></a>
+                                </li>
+                                <li>
+                                  <a href="#example-7"><span>Example:</span></a>
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </li>
+                      </ul>
+                    </li>
+                  </ul>
+                  <a href="#templateprovider"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>template<wbr />Provider</span></a
+                  >
+                  <ul>
+                    <li>
+                      <ul>
+                        <li>
+                          <ul>
+                            <li>
+                              <ul>
+                                <li>
+                                  <a href="#example-8"><span>Example:</span></a>
+                                </li>
+                              </ul>
+                            </li>
+                          </ul>
+                        </li>
+                      </ul>
+                    </li>
+                  </ul>
+                  <a href="#templateurl"
+                    ><svg
+                      class="tsd-kind-icon"
+                      viewBox="0 0 24 24"
+                      aria-label="Property"
+                    >
+                      <use href="../assets/icons.svg#icon-1024"></use></svg
+                    ><span>template<wbr />Url</span></a
+                  >
+                  <ul>
+                    <li>
+                      <a href="#example-9"><span>Example:</span></a>
+                    </li>
+                    <li>
+                      <a href="#example-10"><span>Example:</span></a>
+                    </li>
+                  </ul>
+                </div>
+              </details>
+            </div>
+          </details>
+        </div>
+        <div class="site-menu">
+          <nav class="tsd-navigation">
+            <a href="../modules.html">AngularTS</a>
+            <ul class="tsd-small-nested-navigation" id="tsd-nav-container">
+              <li>Loading...</li>
+            </ul>
+          </nav>
+        </div>
+      </div>
+    </div>
+    <footer>
+      <p class="tsd-generator">
+        Generated using
+        <a href="https://typedoc.org/" target="_blank">TypeDoc</a>
+      </p>
+    </footer>
+    <div class="overlay"></div>
+  </body>
+</html>