Breaking News: Grepper is joining You.com. Read the official announcement!

Smart components

Vinay Rawal answered on March 3, 2023 Popularity 5/10 Helpfulness 1/10

answer Smart components

Smart components

Comment

@Component({
  selector: 'app-home',
  template: `
    <h2>User List</h2>
    <div>
        <table class="table">
            <tbody>
            <tr (click)="selectUser(user)" *ngFor="let user
             of users">
                <td> {{user.firstName}} </td>
                <td>
                    <span>{{user.lastName}}</span>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
`,
  styleUrls: ['./home.component.css']
})
export class HomeComponent implements OnInit {
  users: User[] = [];
  constructor(private userService: UserService) {
  }
  ngOnInit() {
      this. userService.getUsers()
          .subscribe(users => this.users = users);
  }
  selectUser(user: User) {
     // action
  }
}

Popularity 5/10 Helpfulness 1/10 Language typescript

Source: Grepper

Tags: components typescript

Link to this answer
Share Copy Link

Contributed on Mar 03 2023

Vinay Rawal

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Smart components

Contents

More Related Answers

Smart components

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.