• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• angular-10-role-based-authorization-example-master
  • tsconfig.spec.json
  • tsconfig.base.json
  • src
    • styles.less
    • polyfills.ts
    • main.ts
    • index.html
    • test.ts
    • app
      • app.component.html
      • home
        • home.component.ts
        • index.ts
        • home.component.html
      • app-routing.module.ts
      • _services
        • index.ts
        • user.service.ts
        • authentication.service.ts
      • admin
        • admin.component.html
        • index.ts
        • admin.component.ts
      • app.module.ts
      • _models
        • user.ts
        • index.ts
        • role.ts
      • _helpers
        • error.interceptor.ts
        • auth.guard.ts
        • index.ts
        • fake-backend.ts
        • jwt.interceptor.ts
      • app.component.ts
      • login
        • index.ts
        • login.component.html
        • login.component.ts
    • environments
      • environment.ts
      • environment.prod.ts
    • assets
      • .gitkeep
  • tslint.json
  • e2e
    • src
      • app.e2e-spec.ts
      • app.po.ts
    • protractor.conf.js
    • tsconfig.json
  • LICENSE
  • .editorconfig
  • .browserslistrc
  • tsconfig.app.json
  • README.md
  • package.json
  • karma.conf.js
  • angular.json
  • tsconfig.json
  • .gitignore

import { Component, OnInit } from '@angular/core';
import { first } from 'rxjs/operators';

import { User } from '@app/_models';
import { UserService } from '@app/_services';

@Component({ templateUrl: 'admin.component.html' })
export class AdminComponent implements OnInit {
    loading = false;
    users: User[] = [];

    constructor(private userService: UserService) { }

    ngOnInit() {
        this.loading = true;
        this.userService.getAll().pipe(first()).subscribe(users => {
            this.loading = false;
            this.users = users;
        });
    }
}