@angular-wave/angular.ts 0.5.0 → 0.6.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@angular-wave/angular.ts",
   "description": "A modern, optimized and typesafe version of AngularJS",
   "license": "MIT",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "type": "module",
   "main": "dist/angular-ts.esm.js",
   "browser": "dist/angular-ts.umd.js",

package/src/core/compile/compile.js

@@ -37,6 +37,7 @@ import { PREFIX_REGEXP } from "../../shared/constants";
 import { createEventDirective } from "../../directive/events/events";
 import { CACHE, EXPANDO } from "../cache/cache";
 import { Attributes } from "./attributes";
+import { ngObserveDirective } from "../../directive/observe/observe";
 
 let ttl = TTL;
 
@@ -586,7 +587,7 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
           ? (x) => x
           : (x) => x.replace(/\{\{/g, startSymbol).replace(/}}/g, endSymbol);
 
-      const NG_PREFIX_BINDING = /^ng(Attr|Prop|On)([A-Z].*)$/;
+      const NG_PREFIX_BINDING = /^ng(Attr|Prop|On|Observe)([A-Z].*)$/;
       const MULTI_ELEMENT_DIR_RE = /^(.+)Start$/;
       return compile;
 
@@ -992,6 +993,7 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
               let isNgAttr = false;
               let isNgProp = false;
               let isNgEvent = false;
+              let isNgObserve = false;
               let multiElementMatch;
 
               attr = nAttrs[j];
@@ -1005,6 +1007,7 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
                 isNgAttr = ngPrefixMatch[1] === "Attr";
                 isNgProp = ngPrefixMatch[1] === "Prop";
                 isNgEvent = ngPrefixMatch[1] === "On";
+                isNgObserve = ngPrefixMatch[1] === "Observe";
 
                 // Normalize the non-prefixed name
                 name = name
@@ -1032,6 +1035,8 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
                 } else {
                   addEventDirective(directives, nName, name);
                 }
+              } else if (isNgObserve) {
+                addObserveDirective(directives, name, value);
               } else {
                 // Update nName for cases where a prefix was removed
                 // NOTE: the .toLowerCase() is unnecessary and causes https://github.com/angular/angular.js/issues/16624 for ng-attr-*
@@ -2651,6 +2656,10 @@ export function CompileProvider($provide, $$sanitizeUriProvider) {
         );
       }
 
+      function addObserveDirective(directives, source, prop) {
+        directives.push(ngObserveDirective(source, prop));
+      }
+
       function addAttrInterpolateDirective(
         node,
         directives,

package/src/core/core.html

@@ -10,7 +10,6 @@
     <script src="/jasmine/jasmine-5.1.2/jasmine-html.js"></script>
     <script src="/jasmine/jasmine-5.1.2/boot0.js"></script>
     <script src="/jasmine/jasmine-5.1.2/boot1.js"></script>
-    <script type="module" src="/src/core/cookie-reader.spec.js"></script>
     <script type="module" src="/src/core/on.spec.js"></script>
     <script type="module" src="/src/core/prop.spec.js"></script>
     <script type="module" src="/src/core/root-element.spec.js"></script>

package/src/core/location/location.js

@@ -23,10 +23,21 @@ import { ScopePhase } from "../scope/scope";
  */
 
 /**
+ * Represents the configuration options for HTML5 mode.
+ *
  * @typedef {Object} Html5Mode
- * @property {boolean} enabled
- * @property {boolean} requireBase
- * @property {boolean|string} rewriteLinks
+ * @property {boolean} enabled - (default: false) If true, will rely on `history.pushState` to
+ *     change URLs where supported. Falls back to hash-prefixed paths in browsers that do not
+ *     support `pushState`.
+ * @property {boolean} requireBase - (default: `true`) When html5Mode is enabled, specifies
+ *     whether or not a `<base>` tag is required to be present. If both `enabled` and `requireBase`
+ *     are true, and a `<base>` tag is not present, an error will be thrown when `$location` is injected.
+ *     See the {@link guide/$location $location guide} for more information.
+ * @property {boolean|string} rewriteLinks - (default: `true`) When html5Mode is enabled, enables or
+ *     disables URL rewriting for relative links. If set to a string, URL rewriting will only apply to links
+ *     with an attribute that matches the given string. For example, if set to `'internal-link'`, URL rewriting
+ *     will only occur for `<a internal-link>` links. Note that [attribute name normalization](guide/directive#normalization)
+ *     does not apply here, so `'internalLink'` will **not** match `'internal-link'`.
  */
 
 /** @type {DefaultPorts} */
@@ -542,71 +553,77 @@ export class LocationHashbangUrl extends Location {
   }
 }
 
-export function LocationProvider() {
-  let hashPrefix = "!";
-  const html5Mode = {
-    enabled: false,
-    requireBase: true,
-    rewriteLinks: true,
-  };
+export class LocationProvider {
+  constructor() {
+    /** @type {string} */
+    this.hashPrefixConf = "!";
+
+    /** @type {Html5Mode} */
+    this.html5ModeConf = {
+      enabled: false,
+      requireBase: true,
+      rewriteLinks: true,
+    };
+  }
 
   /**
    * The default value for the prefix is `'!'`.
    * @param {string=} prefix Prefix for hash part (containing path and search)
-   * @returns {*} current value if used as getter or itself (chaining) if used as setter
+   * @returns {void}
    */
-  this.hashPrefix = function (prefix) {
-    if (isDefined(prefix)) {
-      hashPrefix = prefix;
-      return this;
-    }
-    return hashPrefix;
-  };
+  setHashPrefix(prefix) {
+    this.hashPrefixConf = prefix;
+  }
+
+  /**
+   * Current hash prefix
+   * @returns {string}
+   */
+  getHashPrefix() {
+    return this.hashPrefixConf;
+  }
 
   /**
-   * @param {(boolean|Object)=} mode If boolean, sets `html5Mode.enabled` to value.
-   *   If object, sets `enabled`, `requireBase` and `rewriteLinks` to respective values. Supported
-   *   properties:
-   *   - **enabled** – `{boolean}` – (default: false) If true, will rely on `history.pushState` to
-   *     change urls where supported. Will fall back to hash-prefixed paths in browsers that do not
-   *     support `pushState`.
-   *   - **requireBase** - `{boolean}` - (default: `true`) When html5Mode is enabled, specifies
-   *     whether or not a <base> tag is required to be present. If `enabled` and `requireBase` are
-   *     true, and a base tag is not present, an error will be thrown when `$location` is injected.
-   *     See the {@link guide/$location $location guide for more information}
-   *   - **rewriteLinks** - `{boolean|string}` - (default: `true`) When html5Mode is enabled,
-   *     enables/disables URL rewriting for relative links. If set to a string, URL rewriting will
-   *     only happen on links with an attribute that matches the given string. For example, if set
-   *     to `'internal-link'`, then the URL will only be rewritten for `<a internal-link>` links.
-   *     Note that [attribute name normalization](guide/directive#normalization) does not apply
-   *     here, so `'internalLink'` will **not** match `'internal-link'`.
+   * Configures html5 mode
+   * @param {(boolean|Html5Mode)=} mode If boolean, sets `html5Mode.enabled` to value. Otherwise, accepts html5Mode object
    *
-   * @returns {Object} html5Mode object if used as getter or itself (chaining) if used as setter
+   * @returns {void}
    */
-  this.html5Mode = function (mode) {
+  setHtml5Mode(mode) {
     if (isBoolean(mode)) {
-      html5Mode.enabled = mode;
-      return this;
+      this.html5ModeConf.enabled = /** @type {boolean} */ (mode);
     }
     if (isObject(mode)) {
-      if (isBoolean(mode.enabled)) {
-        html5Mode.enabled = mode.enabled;
+      const html5Mode = /** @type {Html5Mode} */ (mode);
+      if (isDefined(html5Mode.enabled) && isBoolean(html5Mode.enabled)) {
+        this.html5ModeConf.enabled = html5Mode.enabled;
       }
 
-      if (isBoolean(mode.requireBase)) {
-        html5Mode.requireBase = mode.requireBase;
+      if (
+        isDefined(html5Mode.requireBase) &&
+        isBoolean(html5Mode.requireBase)
+      ) {
+        this.html5ModeConf.requireBase = html5Mode.requireBase;
       }
 
-      if (isBoolean(mode.rewriteLinks) || isString(mode.rewriteLinks)) {
-        html5Mode.rewriteLinks = mode.rewriteLinks;
+      if (
+        isDefined(html5Mode.rewriteLinks) &&
+        (isBoolean(html5Mode.rewriteLinks) || isString(html5Mode.rewriteLinks))
+      ) {
+        this.html5ModeConf.rewriteLinks = html5Mode.rewriteLinks;
       }
-
-      return this;
     }
-    return html5Mode;
-  };
+  }
+
+  /**
+   * Returns html5 mode cofiguration
+   * @returns {Html5Mode}
+   */
+  getHtml5Mode() {
+    return this.html5ModeConf;
+  }
 
-  this.$get = [
+  $get = [
     "$rootScope",
     "$browser",
     "$rootElement",
@@ -617,7 +634,7 @@ export function LocationProvider() {
      * @param {JQLite} $rootElement
      * @returns
      */
-    function ($rootScope, $browser, $rootElement) {
+    ($rootScope, $browser, $rootElement) => {
       /** @type {Location} */
       let $location;
       let LocationMode;
@@ -625,8 +642,8 @@ export function LocationProvider() {
       const initialUrl = /** @type {string} */ ($browser.url());
       let appBase;
 
-      if (html5Mode.enabled) {
-        if (!baseHref && html5Mode.requireBase) {
+      if (this.getHtml5Mode().enabled) {
+        if (!baseHref && this.getHtml5Mode().requireBase) {
           throw $locationMinErr(
             "nobase",
             "$location in HTML5 mode requires a <base> tag to be present!",
@@ -640,7 +657,11 @@ export function LocationProvider() {
       }
       const appBaseNoFile = stripFile(appBase);
 
-      $location = new LocationMode(appBase, appBaseNoFile, `#${hashPrefix}`);
+      $location = new LocationMode(
+        appBase,
+        appBaseNoFile,
+        `#${this.getHashPrefix()}`,
+      );
       $location.$$parseLinkUrl(initialUrl, initialUrl);
 
       $location.$$state = $browser.state();
@@ -667,7 +688,7 @@ export function LocationProvider() {
       }
 
       $rootElement.on("click", (event) => {
-        const { rewriteLinks } = html5Mode;
+        const rewriteLinks = this.getHtml5Mode().rewriteLinks;
         // TODO(vojta): rewrite link when opening in new tab/window (in legacy browser)
         // currently we open nice url link and redirect then
 
@@ -882,19 +903,6 @@ function normalizePath(pathValue, searchValue, hashValue) {
   return path + (search ? `?${search}` : "") + hash;
 }
 
-/**
- * @param {string} absoluteUrl
- * @param {Location} locationObj
- */
-function parseAbsoluteUrl(absoluteUrl, locationObj) {
-  const parsedUrl = urlResolve(absoluteUrl);
-
-  locationObj.$$protocol = parsedUrl.protocol;
-  locationObj.$$host = parsedUrl.hostname;
-  locationObj.$$port =
-    toInt(parsedUrl.port) || DEFAULT_PORTS[parsedUrl.protocol] || null;
-}
-
 function parseAppUrl(url, locationObj, html5Mode) {
   if (/^\s*[\\/]{2,}/.test(url)) {
     throw $locationMinErr("badpath", 'Invalid url "{0}".', url);

package/src/core/location/location.spec.js

@@ -15,7 +15,7 @@ describe("$location", () => {
 
   // function initService(options) {
   //   module.config(($provide, $locationProvider) => {
-  //     $locationProvider.html5Mode(options.html5Mode);
+  //     $locationProvider.setHtml5Mode(options.html5Mode);
   //     $locationProvider.hashPrefix(options.hashPrefix);
   //     $provide.value("$sniffer", { history: options.supportHistory });
   //   });
@@ -24,12 +24,12 @@ describe("$location", () => {
   describe("defaults", () => {
     it('should have hashPrefix of "!"', () => {
       let provider = new LocationProvider();
-      expect(provider.hashPrefix()).toBe("!");
+      expect(provider.getHashPrefix()).toBe("!");
     });
 
     it("should not be html5 mode", () => {
       let provider = new LocationProvider();
-      expect(provider.html5Mode().enabled).toBeFalse();
+      expect(provider.getHtml5Mode().enabled).toBeFalse();
     });
   });
 
@@ -2947,7 +2947,7 @@ describe("$location", () => {
 
   //   it("should listen on click events on href and prevent browser default in html5 mode", () => {
   //     module(($locationProvider, $provide) => {
-  //       $locationProvider.html5Mode(true);
+  //       $locationProvider.setHtml5Mode(true);
   //       return function ($rootElement, $compile, $rootScope) {
   //         $rootElement.html('<a href="http://server/somePath">link</a>');
   //         $compile($rootElement)($rootScope);
@@ -3011,12 +3011,12 @@ describe("$location", () => {
     describe("html5Mode", () => {
       it("should set enabled, requireBase and rewriteLinks when called with object", () => {
         module.config(($locationProvider) => {
-          $locationProvider.html5Mode({
+          $locationProvider.setHtml5Mode({
             enabled: true,
             requireBase: false,
             rewriteLinks: false,
           });
-          expect($locationProvider.html5Mode()).toEqual({
+          expect($locationProvider.getHtml5Mode()).toEqual({
             enabled: true,
             requireBase: false,
             rewriteLinks: false,
@@ -3027,13 +3027,13 @@ describe("$location", () => {
 
       it("should only overwrite existing properties if values are of the correct type", () => {
         module.config(($locationProvider) => {
-          $locationProvider.html5Mode({
+          $locationProvider.setHtml5Mode({
             enabled: "duh",
             requireBase: "probably",
             rewriteLinks: 0,
           });
 
-          expect($locationProvider.html5Mode()).toEqual({
+          expect($locationProvider.getHtml5Mode()).toEqual({
             enabled: false,
             requireBase: true,
             rewriteLinks: true,
@@ -3045,11 +3045,11 @@ describe("$location", () => {
 
       it("should support setting rewriteLinks to a string", () => {
         module.config(($locationProvider) => {
-          $locationProvider.html5Mode({
+          $locationProvider.setHtml5Mode({
             rewriteLinks: "yes-rewrite",
           });
 
-          expect($locationProvider.html5Mode().rewriteLinks).toEqual(
+          expect($locationProvider.getHtml5Mode().rewriteLinks).toEqual(
             "yes-rewrite",
           );
         });
@@ -3059,11 +3059,11 @@ describe("$location", () => {
 
       it("should not set unknown input properties to html5Mode object", () => {
         module.config(($locationProvider) => {
-          $locationProvider.html5Mode({
+          $locationProvider.setHtml5Mode({
             someProp: "foo",
           });
 
-          expect($locationProvider.html5Mode()).toEqual({
+          expect($locationProvider.getHtml5Mode()).toEqual({
             enabled: false,
             requireBase: true,
             rewriteLinks: true,
@@ -3075,7 +3075,7 @@ describe("$location", () => {
 
       it("should default to enabled:false, requireBase:true and rewriteLinks:true", () => {
         module.config(($locationProvider) => {
-          expect($locationProvider.html5Mode()).toEqual({
+          expect($locationProvider.getHtml5Mode()).toEqual({
             enabled: false,
             requireBase: true,
             rewriteLinks: true,
@@ -3178,7 +3178,7 @@ describe("$location", () => {
     // it("should complain if no base tag present", () => {
     //   let module = window.angular.module("test1", ["ng"]);
     //   module.config((_$locationProvider_) => {
-    //     $locationProvider.html5Mode(true);
+    //     $locationProvider.setHtml5Mode(true);
     //   });
 
     //   createInjector(["test1"]).invoke(($browser, $injector) => {
@@ -3191,7 +3191,7 @@ describe("$location", () => {
 
     // it("should not complain if baseOptOut set to true in html5Mode", () => {
     //   module.config(($locationProvider) => {
-    //     $locationProvider.html5Mode({
+    //     $locationProvider.setHtml5Mode({
     //       enabled: true,
     //       requireBase: false,
     //     });

package/src/core/prop.spec.js

@@ -3,7 +3,7 @@ import { createInjector } from "./di/injector";
 import { valueFn } from "../shared/utils";
 import { dealoc } from "../shared/jqlite/jqlite";
 
-fdescribe("ngProp*", () => {
+describe("ngProp*", () => {
   let $compile, $rootScope, compileProvider, $sce;
   let logs = [];
 

package/src/directive/observe/observe.js

@@ -1,17 +1,18 @@
+import { isUndefined } from "../../shared/utils.js";
+
 /**
- * @returns {import("../../types").Directive}
+ * @param {string} source - the name of the attribute to be observed
+ * @param {string} prop - the scope property to be updated with attribute value
+ * @returns {import("../../types.js").Directive}
  */
-export function ngObserveDirective() {
+export function ngObserveDirective(source, prop) {
   return {
     restrict: "A",
-    link: (scope, element, attrs) => {
+    compile: () => (scope, element) => {
       const targetElement = element[0];
-      const source = attrs["ngObserve"];
-      let prop = targetElement.dataset["update"];
-      if (!prop) {
+      if (isUndefined(prop) || prop == "") {
         prop = source;
       }
-
       if (!scope[prop]) {
         scope[prop] = targetElement.getAttribute(source);
       }

package/src/directive/observe/observe.spec.js

@@ -23,16 +23,14 @@ describe("observe", () => {
   });
 
   function createDirective(attributeValue, updateProp) {
-    const template = `<div ng-observe="${attributeValue}" data-update="${updateProp}"></div>`;
+    const template = `<div ng-observe-${attributeValue}="${updateProp}"></div>`;
     element = $compile(template)($scope);
     $scope.$digest();
   }
 
   it("should set the scope property to the attribute value before any changes", () => {
     const scope = $rootScope.$new();
-    const element = JQLite(
-      '<div data-update="testProp" ng-observe="sourceAttr"></div>',
-    );
+    const element = JQLite('<div ng-observe-sourceAttr="testProp"></div>');
     element.attr("sourceAttr", "initialValue");
     $compile(element)(scope);
 
@@ -92,7 +90,7 @@ describe("observe", () => {
 
   it("should observe attribute changes and update the same scope name if data-update attribute is absent", () => {
     $scope.myProp = "";
-    const template = `<div ng-observe="test-attribute"></div>`;
+    const template = `<div ng-observe-test-attribute></div>`;
     element = $compile(template)($scope);
     $scope.$digest();
     spyOn($scope, "$digest").and.callThrough();

package/src/directive/observe/test.html

@@ -74,11 +74,7 @@
     <test-component greeting="{{ greeting }}"></test-component>
     <div>{{ greeting }}</div>
 
-    <fluent-select
-      ng-observe="current-value"
-      data-update="greeting"
-      title="Select a section"
-    >
+    <fluent-select ng-observe-current-value="greeting" title="Select a section">
       <fluent-option value="Beginning">Beginning</fluent-option>
       <fluent-option value="Middle">Middle</fluent-option>
       <fluent-option value="End">End</fluent-option>
@@ -86,7 +82,7 @@
     <br />
 
     {{ activeid }}
-    <fluent-tabs ng-observe="activeid" activeid="entrees">
+    <fluent-tabs ng-observe-activeid activeid="entrees">
       <fluent-tab id="apps">Appetizers</fluent-tab>
       <fluent-tab id="entrees">Entrees</fluent-tab>
       <fluent-tab id="desserts">Desserts</fluent-tab>
@@ -171,7 +167,7 @@
 
     {{ value }}
 
-    <fluent-radio-group ng-observe="value" orientation="vertical">
+    <fluent-radio-group ng-observe-value orientation="vertical">
       <fluent-radio value="1">18-24</fluent-radio>
       <fluent-radio value="2">25-33</fluent-radio>
       <fluent-radio value="3">34-44</fluent-radio>
@@ -180,7 +176,7 @@
 
     {{ checked }}
 
-    <fluent-switch ng-observe="aria-checked" data-update="checked">
+    <fluent-switch ng-observe-aria-checked="checked">
       <span slot="checked-message">On</span>
       <span slot="unchecked-message">Off</span>
       <label for="cap-switch">Captions:</label>

package/src/loader.js

@@ -146,14 +146,14 @@ export class Angular {
        * @param {import("./core/di/internal-injector").InjectorService} $injector
        */
       function (scope, el, compile, $injector) {
-              // ng-route deps
+        // ng-route deps
         services.$injector = $injector;
         services.$q = $injector.get("$q");
         scope.$apply(() => {
           el.data("$injector", $injector);
           compile(el)(scope);
         });
-  
+
         // https://github.com/angular-ui/ui-router/issues/3678
         if (!Object.prototype.hasOwnProperty.call($injector, "strictDi")) {
           try {

package/src/public.js

@@ -130,7 +130,6 @@ import {
   $ViewDirectiveFill,
   ngView,
 } from "./router/directives/view-directive.js";
-import { ngObserveDirective } from "./directive/observe/observe.js";
 import { ngChannelDirective } from "./directive/channel/channel.js";
 
 /**
@@ -191,7 +190,6 @@ export function publishExternalAPI(angular) {
               ngSwitch: ngSwitchDirective,
               ngSwitchWhen: ngSwitchWhenDirective,
               ngSwitchDefault: ngSwitchDefaultDirective,
-              ngObserve: ngObserveDirective,
               ngOptions: ngOptionsDirective,
               ngTransclude: ngTranscludeDirective,
               ngModel: ngModelDirective,

package/src/router/directives/state-directives.spec.js

@@ -22,31 +22,37 @@ describe("ngStateRef", () => {
     window.location.hash = "";
     window.angular = new Angular();
     let module = window.angular.module("defaultModule", []);
-    module.config(($stateProvider, $locationProvider) => {
-      _locationProvider = $locationProvider;
-      $locationProvider.hashPrefix("");
-      $stateProvider
-        .state({ name: "top", url: "" })
-        .state({ name: "other", url: "/other/:id", template: "other" })
-        .state({ name: "other.detail", url: "/detail", template: "detail" })
-        .state({
-          name: "contacts",
-          url: "/contacts",
-          template:
-            '<a ng-sref=".item({ id: 5 })" class="item">Person</a> <ng-view></ng-view>',
-        })
-        .state({
-          name: "contacts.item",
-          url: "/{id:int}",
-          template:
-            '<a ng-sref=".detail" class="item-detail">Detail</a> | <a ng-sref="^" class="item-parent">Parent</a> | <ng-view></ng-view>',
-        })
-        .state({
-          name: "contacts.item.detail",
-          template:
-            '<div class="title">Detail</div> | <a ng-sref="^" class="item-parent2">Item</a>',
-        });
-    });
+    module.config(
+      /**
+       * @param $stateProvider
+       * @param {import('../../core/location/location.js').LocationProvider} $locationProvider
+       */
+      ($stateProvider, $locationProvider) => {
+        _locationProvider = $locationProvider;
+        $locationProvider.setHashPrefix("");
+        $stateProvider
+          .state({ name: "top", url: "" })
+          .state({ name: "other", url: "/other/:id", template: "other" })
+          .state({ name: "other.detail", url: "/detail", template: "detail" })
+          .state({
+            name: "contacts",
+            url: "/contacts",
+            template:
+              '<a ng-sref=".item({ id: 5 })" class="item">Person</a> <ng-view></ng-view>',
+          })
+          .state({
+            name: "contacts.item",
+            url: "/{id:int}",
+            template:
+              '<a ng-sref=".detail" class="item-detail">Detail</a> | <a ng-sref="^" class="item-parent">Parent</a> | <ng-view></ng-view>',
+          })
+          .state({
+            name: "contacts.item.detail",
+            template:
+              '<div class="title">Detail</div> | <a ng-sref="^" class="item-parent2">Item</a>',
+          });
+      },
+    );
     $injector = window.angular.bootstrap(document.getElementById("dummy"), [
       "defaultModule",
     ]);

package/src/router/router-test.html

@@ -0,0 +1,32 @@
+<!doctype html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <title>AngularTS</title>
+    <link rel="shortcut icon" type="image/png" href="images/favicon.ico" />
+    <script type="module" src="../index.js"></script>
+    <script>
+      document.addEventListener("DOMContentLoaded", () => {
+        window.angular.module("router", []).config([
+          "$stateProvider",
+          "$locationProvider",
+          ($stateProvider, $locationProvider) => {
+            $locationProvider.html5ModeConf = {
+              enabled: true,
+              requireBase: false,
+              rewriteLinks: false,
+            };
+            $stateProvider.state({
+              name: "home",
+              url: "/src/router/router-test.html",
+              template: "<h3>Success</h3>",
+            });
+          },
+        ]);
+      });
+    </script>
+  </head>
+  <body ng-app="router">
+    <ng-view></ng-view>
+  </body>
+</html>