Promact / md2

Angular2 based Material Design components, directives and services are Accordion, Autocomplete, Collapse, Colorpicker, Datepicker, Dialog(Modal), Menu, Multiselect, Select, Tabs, Tags(Chips), Toast and Tooltip.
http://code.promactinfo.com/md2/
MIT License
379 stars 112 forks source link

change event not occure in customize component using md2-select, md2-optgroup and md2-option #299

Open monikaa947 opened 6 years ago

monikaa947 commented 6 years ago

Bug, feature request, or proposal:

change event not occure

What is the expected behavior?

change event must be occure

What is the current behavior?

change event not occure

What are the steps to reproduce?

write change event to selector Providing a Plunker (or similar) is the best way to get the team to see your issue.

<ss-multiselect-group-dropdown [options]="fieldLookup" name="fieldLookup{{i}}" [settings]="{checkedStyle: 'glyphicon', showCheckAll: false, enableSearch: true, showUncheckAll: false, isMultiple: false}" [texts]="{defaultTitle:'Select Field For Filter'}" [(ngModel)]="row.searchCrit" (change)="loadCondtionLookup($event)">

ss-multiselect-group-dropdown selector of my componenet in which i made customize component

<md2-select [placeholder]="placeHolderTitle" color="primary" [(ngModel)]="model" [multiple]="settings.isMultiple" [className]="settings.className" (onClose)="closeDialog()" (change)="changeValue($event)" [disabled]="disabled" #selectMultipleControl="ngModel" (onOpen)="focusSearchElement()">

        </div>
    </div>
    <div class="clearfix select-button-wrapper">
        <div class="pull-left">
            <button md-raised-button color="primary" *ngIf="settings.showCheckAll" (click)="checkAll()">{{ texts.checkAll }}</button>
        </div>
        <div class="pull-left padding_left_22">
            <button md-raised-button color="primary" *ngIf="settings.showUncheckAll" (click)="uncheckAll()">{{ texts.uncheckAll }}</button>
        </div>
    </div>
</div>
<div class="checkBoxContainer">
    <md2-optgroup *ngFor="let groups of options | searchFilterOption:searchFilterText" [label]="groups.name" [hidden]="!groups.visible">   

        <md2-option *ngFor="let i of groups.group" [value]="i.id" [hidden]="!i.visible">
            {{ i.name }}
        </md2-option>
    </md2-optgroup>
</div>

*html of component

Which versions of Angular, MD2, OS, browsers are affected?

Is there anything else we should know?