Friday, October 6, 2017

ng-change is not working in ui-select2

When I change selection in dropdown ng-change is not fired
Following are my html and js code

                            <ui-select ng-model="DemandLine.SupplierId" theme="select2" ng-change="GetSupplierInfo()">
                                <ui-select-match allow-clear="true" placeholder="Select or search supplier in the list..."></ui-select-match>
                                <ui-select-choices repeat="supplier.Id as supplier in (Suppliers | filter: $select.search)">
                                    <span ng-bind-html="supplier.SupplierName | highlight: $select.search"></span>
                                </ui-select-choices>
                            </ui-select>


$scope.GetSupplierInfo = function () {
    var _supplier = _.find($scope.Suppliers, function (data) { return (data.Id == $scope.DemandLine.SupplierId) });
    if (_supplier != undefined && _supplier != null && _supplier.Active == true) {
        $scope.DemandLine.SupplierId = _supplier.Id;
        $scope.DemandLine.Supplier = _supplier.SupplierName;
    }
    else {
        $scope.DemandLine.SupplierId = null;
        $scope.DemandLine.Supplier = null;
    }
    $scope.setStatus();
}

Source: AngularJS



from Angular Questions https://angularquestions.com/2017/10/06/ng-change-is-not-working-in-ui-select2/
via @lzomedia #developer #freelance #web #lzomedia.com

No comments:

Post a Comment