как мне отображать данные на следующей странице при отправке формы?

Я новичок в angularjs, я сделал пример приложения на plunker. Я пытаюсь отобразить данные, которые пользователь вводит после отправки на другой странице. Когда пользователь нажимает кнопку «Отправить», страница данных пользователя должна отображаться, и все данные, предоставленные пользователем, отображается там. вот мой пример приложения index.html:как мне отображать данные на следующей странице при отправке формы?

 <!DOCTYPE html> 

     <!-- define angular app --> 
     <html ng-app="scotchApp"> 

     <head> 
      <!-- SCROLLS --> 
     <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" /> 
     <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" /> 

     <!-- SPELLS --> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
     <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> 
     <script src="http://code.angularjs.org/1.2.13/angular.js"></script> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.8/angular-ui-router.min.js"></script> 
     <script src="script.js"></script> 
      <script src="homeDirective.js"></script> 
     </head> 

      <!-- define angular controller --> 
     <body ng-controller="mainController"> 

      <nav class="navbar navbar-default"> 
      <div class="container"> 
      <div class="navbar-header"> 
      <a class="navbar-brand" href="/">Angular Routing Example</a> 
     </div> 

      <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#home"><i class="fa fa-home"></i> Home</a></li> 
      <li><a href="#about"><i class="fa fa-shield"></i> About</a></li> 
      <li><a href="#contact"><i class="fa fa-comment"></i> Contact</a></li> 
      </ul> 
     </div> 
     </nav> 

     <div id="main"> 

     <!-- angular templating --> 
     <!-- this is where content will be injected --> 
     <div ui-view></div> 

     </div> 

     <footer class="text-center"> 
       View the tutorial on <a href="http://scotch.io/tutorials/javascript/single-page-apps-with-angularjs-routing-and-templating">Scotch.io</a> 
     </footer> 

     </body> 

     </html>

источник

2015-08-28 Hassan

Простой подход к этому будет хранить представленные данные формы внутри службы, используя переменную, которая обновляется на кнопку.

После изменения маршрута маршрутизатор может разрешить данные формы, сделав запрос к этой службе перед загрузкой следующего представления, в результате чего он будет доступен для следующего контроллера.

Надеюсь, что это поможет!

источник

2015-08-28 01:43:14 jh3y

не могли бы вы добавить это в мой плункер? я хочу, чтобы на странице отправить пользовательскую страницу откроется, и все данные показывают там – Hassan

Боюсь, я не смогу сделать это за вас. Это то, что вам нужно реализовать самостоятельно. Однако использование сервиса будет правильным подходом к тому, что вы намереваетесь сделать. – jh3y

Если вы хотите увидеть концепцию и различные способы, которыми вы можете это сделать, чем в одном из другого вопроса из того же контекста, который я объяснил, вы можете [проверить] (http://stackoverflow.com/questions/32200820/how-to-get-list-of-values-which-selected-in-radio-button-after-click-on-subm/32203300 # 32203300) с помощью plunker. – road2victory

как мне отображать данные на следующей странице при отправке формы?

ответ

Смежные вопросы