Отправить форму с полями ng-submit и output - PullRequest
Новая
       1

Отправить форму с полями ng-submit и output

0 голосов
/ 18 октября 2018

У меня есть форма на странице моего веб-сайта с формой, и после нажатия кнопки отправки я хочу вывести эти данные на другую страницу веб-сайта.Я могу получить значение с помощью $ scope.title в моем контроллере, но я не уверен, как бы я мог сохранить его (массив?) И вывести его обратно на другую страницу.Я использую angularJS.

форма: 

<div ng-app = "app">
        <form ng-controller = "body" ng-submit="Display()">
            <p>Title</p>
            <input type="text" ng-model="title">
            <p>Author</p>
            <input type="text" ng-model="author">
            <p><input type="submit" value="Submit"></p>
        </form>
</div>

контроллер: 

app.controller("body", function ($scope) {
    $scope.setPost = () => {
        $scope.Array = [];
        $scope.Display = () => {
            $scope.Array.push($scope.title);
        }
    };
});

сообщение: 

<div ng-repeat="value in Array">
     {{title}}
</div>

1 Ответ

0 голосов
/ 18 октября 2018

Вы можете попробовать что-то вроде приведенного ниже кода, а также проверить эту ссылку-плункер для вашего данного примера рабочего сценария.

Контроллер: 

app.controller('MainCtrl', function($scope, $rootScope) {
  $rootScope.Array = [];
});

app.controller('body', function($scope, $rootScope) {
  $scope.Display = () => {
    var arrayValue = {
      title: $scope.title,
      author: $scope.author
    }
    $rootScope.Array.push(arrayValue);
  }
});

Шаблон: 

  <body ng-controller="MainCtrl">
    <form ng-controller="body" ng-submit="Display()">
      <p>Title</p>
      <input type="text" ng-model="title">
      <p>Author</p>
      <input type="text" ng-model="author">
      <p><input type="submit" value="Submit"></p>
    </form>
    <div ng-repeat="value in Array">
      {{value.title}} by {{value.author}}
    </div>
  </body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...