[英]Submit form with ng-submit and output fields
我的网站页面上有一个带有表格的表格,按下提交按钮后,我想将该数据输出到网站的另一页面。 我可以在控制器中通过$ 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>
您可以尝试类似以下代码的操作,还可以针对给定的示例工作场景检查此插件链接 。
控制器:
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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.