首页 > 解决方案 > 在 Angular 2 组件中解析访问数据

问题描述

如何在 Angular 2 迁移组件中解析后访问数据。

我有一个带有路由的 Angular JS app.config,它加载了所需的 Angular 2 迁移组件。

.state('users.list', {
    url: '/users/list',
    template: `<users-list></users-list>`,
    resolve: {
        users: ['users', (users) => {
            return users.get();
        }]
    }
})

如何从 Angular 2 组件中的解析访问用户

将 Angular JS 控制器迁移到 Angular 2 组件

@Component({
  selector: 'users-list',
  templateUrl: "./users-list.html",
})

export class UserListComponent {
  constructor(){}
  // I want to access 'users' here
}

标签: angularjsangularng-upgrade

解决方案


使用路由器snapshot获取数据。

export class UserListComponent {
  constructor(){}

    ngOnInit() {
      this.users = this.route.snapshot.data['users'];
  }
}

推荐阅读