ngx-mat-cdk/README.md

Extra Components for Angular Material including Filters,Drag Drop File, MatSelect Mobile Version

# about

This package provide more components for the angular material, includes

<pre>
filters, matSelect for Mobile, File Uploader
</pre>

# Installation

For installing this package completely use the below command:
<div class="highlight highlight-source-shell">
<pre>
    npm i ngx-mat-cdk  
</pre>
</div>
dependencies: 
<pre>
uuid ngx-mat-select-search moment jalali-moment file-icons-js mime  @angular/flex-layout
</pre>
<h4>important</h4>
add style in your angular.json
<pre>
  "architect": {
          "options": {
                ...
            "styles": [
                ...
              "./node_modules/ngx-mat-cdk/styles/ngx-mat-cdk.styles.scss"
                ...
            ],
          }
</pre>

# Mat Select For Mobile

<pre>
 Component example:
<textarea>
 <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>
</textarea>

</pre>