Question

我正在尝试一个欢迎页面，该页面显示用户的详细信息，他在上一个个人资料页面中填写了欢迎{{name}}消息。我该如何使用服务？

我已经创建了profile.html，profileController.js，welcomePage.html和welcomePageController.js，但是在使用服务将详细信息从profile.html传输到welcomePage.html方面遇到困难。

profile.html

<html>
<head>
</head>
<body>
<div>
<div>
<form>First Name: &nbsp; <span style="color:red">*</span> <input type="text"><br>
<br>
Last Name: &nbsp; <span style="color:red">*</span>&nbsp; <input type="text"><br>
<br>
Age:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:red">*</span> <input type="number"><br>
<br>
Gender:<input type="radio" value="female">Female <input type="radio" value="male">Male
<br>
<br>
<input type="button" value="Submit"> </form>
</div>
</div>
</body>
</html>

welcomePage.html

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii">
</head>
<body>
<div>
<h1>Welcome {{user.name}} </h1>
</div>
</body>
</html>

如何显示在profile.html到welcomePage.html中填充的详细信息？

如何在不使用n sql daabase的情况下做到这一点？

Answer 1

使用下面的服务（这是为了减少数据），然后将该服务注入您的控制器。

var app = angular.module('app', []);
app.factory('userService', function () {
var list;
var service = {
    setData: setData,
    getData: getData
};
return service;

function setData(item) {
    list = item;
}

function getData() {
    return list;
}
});

要设置数据：userService.setData（）;

获取数据：userService.getData（）;

注意：将本地存储用于大量数据。

如何使用服务在angularjs中从配置文件页面显示详细信息到新页面？

1 个答案: