about

This package provide more components for the angular material, includes

filters, matSelect for Mobile, File Uploader

Installation

For installing this package completely use the below command:

    npm i ngx-mat-cdk

uuid ngx-mat-select-search moment jalali-moment file-icons-js mime  @angular/flex-layout

important

  "architect": {
          "options": {
                ...
            "styles": [
                ...
              "./node_modules/ngx-mat-cdk/styles/ngx-mat-cdk.styles.scss"
                ...
            ],
          }

Mat Select For Mobile

 Component example:
 <mat-form-field >
    <mat-select
      #matSelect
      ngxMobileSelect
      [multiple]="true"
      placeholder="جست و جو در کل مقادیر"
      [(ngModel)]="district"
      name="district"
      [required]="true"

    >
      <mat-option>
        <ngx-mat-select-search
          matSelectSearch
          [initSource]="source"
          [displayMember]="'name'"
          [valueMember]="'id'"
          #ff_1="matSelectSearch"
        >

        </ngx-mat-select-search>
      </mat-option>
      <mat-select-trigger>
        <ngx-mat-select-trigger
          [matSelect]="matSelect"
          [displayMember]="ff_1.displayMember"
          [valueMember]="ff_1.valueMember"
        >
        </ngx-mat-select-trigger>

      </mat-select-trigger>


      <mat-option [value]="option" *ngFor="let option of ff_1.filterSource">
        {{option.name}}
      </mat-option>
    </mat-select>

  </mat-form-field>