提交帶有ng-submit和輸出字段的表單

Question

我的網站頁面上有一個帶有表格的表格，按下提交按鈕后，我想將該數據輸出到網站的另一頁面。 我可以在控制器中通過$ 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>

Answer 1

您可以嘗試類似以下代碼的操作，還可以針對給定的示例工作場景檢查此插件鏈接。

控制器：

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>

提交帶有ng-submit和輸出字段的表單

問題描述

1 個解決方案

解決方案1
0 已采納 2018-10-18 07:41:10

提交帶有ng-submit和輸出字段的表單

問題描述

1 個解決方案

解決方案1 0 已采納 2018-10-18 07:41:10

解決方案1
0 已采納 2018-10-18 07:41:10