Home > UI/UX Development > JavaScript > Angular JS > Select all, deselect all in angular material.

Select all, deselect all in angular material.

Consider we have page status list.

then out html looks like as,

and her we have 2 functions for select/deselect all.

If you have any query then drop a comment.:)

This Article is TAGGED in , . BOOKMARK THE permalink.

2 thoughts on “Select all, deselect all in angular material.

  1. Can you provide same version of code in Angular 5
    I have HTML like this

    Select All
    {{p.name}}

    and component like this

    pro: any =[];

    constructor(private config: ConfigService) { }

    getProject() {
    this.config.getProject().subscribe(
    data => { this.pro = data[‘projects’]},
    err => console.error(err),
    () => console.log(‘done loading projects’)
    );
    }

    ngOnInit() {
    this.getProject();
    }

    1. Hello Koushal,
      Here is your requested query hope it helps you.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">