Angular，自动创建用户页面

Question

目前我正在构建一个网络应用程序。我一直在遵循将数据合并到本地存储的指南。目前我可以注册。但是现在我希望能够同时为那个人创建一个 public html 页面。用户实例包含电子邮件和用户名等内容

function register() {
            const user = body

            if (users.find(x => x.username === user.username)) {
                return error('Username "' + user.username + '" is already taken')
            }

            user.id = users.length ? Math.max(...users.map(x => x.id)) + 1 : 1;
            users.push(user);
            localStorage.setItem('users', JSON.stringify(users)); //////

            return ok();
        }

我在其中添加了 //////。有什么办法可以抓取这些数据并使用新注册的数据自动创建一个 html 页面？我已经创建了指向这些页面的链接，但我希望有一种方法可以添加新页面，例如个人主页。

html 个页面应命名为 users/${id}。

谢谢，如有任何帮助，我们将不胜感激。

Answer 1

如果我没理解错的话，您想将用户导航到创建帐户的仪表板。

为此，您需要创建一个充当页面的组件，并定义一个可以接受 ID 作为参数的路由，例如：

{ path: 'users/:id', component: DashboardComponent }

因此，在用户创建他的帐户后，您可以将他导航到 users/ID，这将显示 DashboardComponent，它将使用此 ID 获取他的独特属性并将其显示给用户。

router.navigate(['/users', id]); 或 [routerLink]="['/users', user.id]"

您可以在此处找到路由所需的所有信息：https://angular.io/guide/router

路由参数的另一个很好的教程在这里：https://angular-2-training-book.rangle.io/routing/routeparams

Angular，自动创建用户页面

Angular, Automate user page creation

typescript

angular

angular5