Angular，自动创建用户页面

Question

目前，我正在构建一个Web应用程序。我一直在遵循将数据合并到本地存储的指南。目前，我可以注册。但是，现在我希望能够同时为该人创建一个公共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将使用此ID获取其唯一属性并将其显示给用户。

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