Skip to content

Instantly share code, notes, and snippets.

@mahbub-shohag
Created October 13, 2018 05:56
Show Gist options
  • Save mahbub-shohag/307456d3d94b2d8b0c455cf589e024fa to your computer and use it in GitHub Desktop.
Save mahbub-shohag/307456d3d94b2d8b0c455cf589e024fa to your computer and use it in GitHub Desktop.
in module add : 'ngRoute','ngSanitize','ui.select'
js css : <link href="assets/uiselect/select.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.4.5/select2.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.8.5/css/selectize.default.css">
<script type="text/javascript" src="assets/js/vendor/angular-sanitize.min.js"></script>
<script type="text/javascript" src="assets/uiselect/select.js"></script>
<ui-select style="background: lightgray;margin-left: 8px;height: 30px;" ng-model="pog.supplier" theme="selectize" ng-disabled="disabled" title="Choose a District">
<ui-select-match>{{$select.selected.SUPPLIER_NAME}}</ui-select-match>
<ui-select-choices repeat="supplier in supplierList | filter: {SUPPLIER_NAME:$select.search}">
<span ng-bind-html="supplier.SUPPLIER_NAME | highlight: $select.search"></span>
</ui-select-choices>
</ui-select>
css :
.uiSelect .ui-select-container {
background: transparent !important;
height: auto !important;
}
.uiSelect .selectize-input{padding: 3px 8px !important;border: solid 1px #3dadce !important;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment