JSFiddle - React, Tailwind, and code Playground

by kiran prasad

HTML

<div ng-app="myApp" ng-controller="AppCtrl">
    <div ng-dropdown-multiselect="" options="example14data" selected-model="example14model" checkboxes="true" extra-settings="example14settings"></div> <pre>Selected Model: {{example14model}} | json</pre>

</div>

JavaScript

'use strict';

var app = angular.module('myApp', ['angularjs-dropdown-multiselect']);

app.controller('AppCtrl', function ($scope) {
    $scope.example14model = [];
    $scope.example14settings = {
        scrollableHeight: '200px',
        scrollable: true,
        enableSearch: true
    };
    $scope.example14data = [{
        "label": "Alabama",
            "id": "AL"
    }, {
        "label": "Alaska",
            "id": "AK"
    }, {
        "label": "American Samoa",
            "id": "AS"
    }, {
        "label": "Arizona",
            "id": "AZ"
    }, {
        "label": "Arkansas",
            "id": "AR"
    }, {
        "label": "California",
            "id": "CA"
    }, {
        "label": "Colorado",
            "id": "CO"
    }, {
        "label": "Connecticut",
            "id": "CT"
    }, {
        "label": "Delaware",
            "id": "DE"
    }, {
        "label": "District Of Columbia",
            "id": "DC"
    }, {
        "label": "Federated States Of Micronesia",
            "id": "FM"
    }, {
        "label": "Florida",
            "id": "FL"
    }, {
        "label": "Georgia",
            "id": "GA"
    }, {
        "label": "Guam",
            "id": "GU"
    }, {
        "label": "Hawaii",
            "id": "HI"
    }, {
        "label": "Idaho",
            "id": "ID"
    }, {
        "label": "Illinois",
            "id": "IL"
    }, {
        "label": "Indiana",
            "id": "IN"
    }, {
        "label": "Iowa",
            "id": "IA"
    }, {
        "label": "Kansas",
            "id": "KS"
    }, {
        "label": "Kentucky",
            "id": "KY"
    }, {
        "label": "Louisiana",
            "id": "LA"
    }, {
        "label": "Maine",
            "id": "ME"
    }, {
        "label": "Marshall Islands",
            "id": "MH"
    }, {
        "label": "Maryland",
            "id": "MD"
    }, {
        "label": "Massachusetts",
            "id": "MA"
    }, {
        "label": "Michigan",
            "id": "MI"
  ...