Angular 角度,自动创建用户页面

Angular 角度,自动创建用户页面,angular,typescript,angular5,Angular,Typescript,Angular5,目前我正在构建一个web应用程序。我一直遵循一个将数据合并到本地存储的指南。目前我可以注册。但是现在我希望能够同时为那个人创建一个公共html页面。用户实例包含电子邮件和用户名等内容 function register() { const user = body if (users.find(x => x.username === user.username)) { return error('Usernam

目前我正在构建一个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}


谢谢,非常感谢您的帮助。

如果我理解正确,您希望将用户导航到创建帐户的仪表板

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

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

因此,在用户创建其帐户后,您可以将其导航到users/ID,这将显示仪表板组件,该组件将使用此ID获取其唯一属性并将其显示给用户

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

您可以在此处找到路由所需的所有信息:


另一个关于route params的好教程是:

谢谢,我将尝试实现这一点。干杯