Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
andrewbhennessy opened this issue May 20, 2015 · 1 comment

Comments

@andrewbhennessy
Copy link

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>
@devAtPolydeals
Copy link

@DannyBoyBroadSword I have the exact same issue. I think it has something to do with firebase and app router. Were you able to solve it?

I am using the firebase-element btw

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants