Regarding route path to a specific page rather than linked imported element.

Seems like a basic question however after I make a path jump from my route page to an imported element when I press the back button in my browser or create a path back to the route element it does not work. Here is my code.

    <html>
    <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
      <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">

      <title>Andrew Hennessy</title>

      <script src="bower_components/webcomponentsjs/webcomponents.js"></script>

      <link rel="import" href="bower_components/paper-fab/paper-fab.html">
      <link rel="import" href="bower_components/core-animated-pages/core-animated-pages.html">

      <link href="bower_components/font-roboto/roboto.html" rel="import">
      <link href="bower_components/core-icon/core-icon.html" rel="import">
      <link href="bower_components/core-icons/core-icons.html" rel="import">
      <link href="bower_components/core-icon-button/core-icon-button.html" rel="import">
      <link href="bower_components/paper-button/paper-button.html" rel="import">
      <link rel="import" href="bower_components/paper-input/paper-input.html">
      <link rel="import" href="bower_components/ajax-form/ajax-form.html">

       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min.js" type="text/javascript"></script>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.0/backbone-min.js" type="text/javascript"></script>
  <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
  <script type="text/javascript">
  var myDataRef = new Firebase('https://aerialfoundry.firebaseio.com/');
  Backbone.sync = function(method, model) {
    console.log(method + ": " + JSON.stringify(model));
  };

  var book = new Backbone.Model({
    title: "The Rough Riders",
    author: "Theodore Roosevelt",
    id:12
  });
  var customer = new Backbone.Model({
    id: 50,
    name: "Hadi Irvani",
    phone: "404-123-4567"
  });

  book.save();
  customer.save();
  myDataRef.set('User ' + customer.get("name") + ' Phone Number ' + customer.get("phone"));

</script>

<script>
document.forms[0].addEventListener('submitting',
    function(event) {
        var formData = event.detail.formData;
        console.log(formData);
    }
);
</script>

 <!doctype html>
<html>
<head>
  <title>App Router</title>
  <link rel="import" href="/bower_components/app-router/app-router.html">
</head>
<body>
<form is="ajax-form" action="my/form/handler" method="post">
<paper-input value="" name="user_name" style="float:right;" label="Your Name"></paper-input>
</form>
  <core-icon-button style="float:right;" icon="submit" onTap="document.forms[0].submit();"></core-icon-button>
  <core-icon-button style="float:right;" icon="send" onClick="document.querySelector('app-router').go('/home');"></core-icon-button>
  <app-router>
    <!-- matches an exact path -->
    <app-route path="/home" import="/index.html" template>
    </app-route>
  </app-router>
</body>
</html>

erikringsmuth / app-router

Regarding route path to a specific page rather than linked imported element. #123