How to show dropdown values with count using Angularjs Dropdown Multiselect?

Question

AngularJS Dropdown Multiselect -- Search Custom template per option.

I have found the solution of my query will be using the above url of the documentation of AngularJS Dropdown Multiselect but if I am using the below code, it doesn't reflect on the view of my application:

$scope.example19settings = {
    template: '{{option.name}}'
};

I want to acheive it by adding a count:

$scope.example19settings = {
    template: '{{option.name}}({{option.count}})'
};

Any suggestions or missing links?

$scope.extraSettings = {
    settings: {
        selectedToTop: true,
        styleActive: true,
        /*template: '{{option.label}}'*/
        scrollable: true,
        scrollableHeight: 200,
        showEnableSearchButton: true        
    }
};

user_2335514 · Answer

Please find working solution below. Following are the changes I have done.

Change the reference if miltiselect library to this (latest)
Added the 'angularjs-dropdown-multiselect' as dependency to my main app module
Created a controller MainCtrl, assigned it to the template
Added an extra property ($scope.example19model = [];) to $scope for holding selected options.

Let me know, if this works for you :)

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

app.controller('MainCtrl', function($scope) {
  $scope.example19model = [];
  $scope.example19data = [{
    id: 1,
    name: "David",
    count: 20
  }, {
    id: 2,
    name: "Jhon",
    count: 30
  }, {
    id: 3,
    name: "Lisa",
    count: 40
  }, {
    id: 4,
    name: "Nicole",
    count: 50
  }, {
    id: 5,
    name: "Danny",
    count: 60
  }];

  $scope.example19settings = {
    template: '{{option.name}} ({{option.count}})'
  };
})






  
    
    {{example19model}}

user_6931275 · Answer

You can use select2 library which helps to select multiple inputs.

Check this link for live demo.

`Array of strings`


  
    {{$item}}
    
      {{color}}
    
  
  Selected: {{ctrl.multipleDemo.colors}}

How to show dropdown values with count using Angularjs Dropdown Multiselect?

2 Answers